@charset "UTF-8";

html, body {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    font-family: 'LatoWeb';
    position: relative;
}
.bottom-page .mobile.fm-header {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 10;
    border: 0;
    background-color: transparent;
}
.old .bottom-page .mobile.fm-header {
    background-color: #fff;
}
html.overlayed {
    overflow: hidden;
}
.overlayed body.mobile.bottom-pages {
    overflow: hidden;
    position: fixed;
}

/* Prevent selection and highlighting */
body * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body .selectable, body .selectable * {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
body.pro:after {
    display: none;
    content: url(../images/mega/payment-animation.gif);
}

/* Re-enable selection and highlighting for specific things */
input, textarea {
    -webkit-touch-callout: text !important;
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}
a, a:link, a:visited, a:hover, a:active {
    outline: none;
    text-decoration: none;
}
input, div, textarea {
    outline: none;
    -moz-appearance: none;
}
a, a:link, a:visited, a:hover, a:active, a:focus img, a:focus img, .div, span, input {
    outline: none;
}
ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.clear {
    clear: both;
    margin: 0px;
    padding: 0px;
    display: block;
}
.right {
    float: right;
}
.left {
    float: left;
}
.left-textalign {
    text-align: left !important;
}
.right-textalign {
    text-align: right !important;
}
.centered-textalign {
    text-align: center;
}
/* text for mobile*/
.txt-bold {
     font-weight: 700;
     font-family: 'LatoWebBold', 'source_sans_proregular', Arial;
}
.txt-green {
    color: #00BFA5;
}
.mobile .headline-txt {
    font-size: 18px;
    line-height: 28px;
    color: #333;
    font-family: 'LatoWebBold';
    padding: 24px 0px 16px;
    margin: 0 auto;
    box-sizing: border-box;
}
.mobile .content-txt {
    font-family: 'LatoWeb', 'source_sans_proregular', Arial;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    padding:0;
    position: relative;
    display: inline-block;
}
.mobile .content-txt.txt-bold {
     font-weight: 700;
     font-family: 'LatoWebBold', 'source_sans_proregular', Arial;
}
.mobile .content-txt.txt-dark {
    color: #333;
}
.mobile .content-txt.semi-larger-txt {
    font-size: 15px;
    line-height: 22px;
}
/*end of text for mobile*/
.mobile.stop-inertia {
    overflow: hidden;
}
.mobile.main-block {
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed;
    position: relative;
    background-color: #fafafa;
    font-family: 'LatoWeb', 'source_sans_proregular', Arial;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    letter-spacing: 0;
}
.mobile.main-block.overlay {
    position: absolute;
    z-index: 102;
    background-color: rgba(255, 255, 255, 1);
    left: 0;
    top: 0;
}
.mobile.main-block.overlay.arranged-to-top {
    z-index: 1010;
}
.mobile.main-block.error-overlay {
    position: absolute;
    top: 0;
    z-index: 2300;
}
#mobile-key-decryption,
#mobile-decryption-password {
    z-index: 100;
}
.mobile.main-block.error-overlay.download {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.mobile.content-row {
    display: table-row;
}
.mobile.content-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#mobile-ui-error .mobile.content-cell {
    background-color: #fff;
}
.mobile.logo {
    width: 38px;
    height: 38px;
    display: block;
    background-image: url(../images/mobile/mobile-sprite.png);
    background-repeat: no-repeat;
    background-position: -94px -1073px;
    position: absolute;
    left: 20px;
    top: 22px;
}
.overlay .mobile.logo {
    display: none;
}
.homepage-main-block {
    display: table;
    width: 100%;
    height: 100%;
}
.homepage-main-cell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.mobile.homepage .mobile.fm-header {
    border-bottom: 1px solid #f8f9fa;
}
.mobile.homepage .fm-scrolling {
    background-color: #f8f9fa;
}
.mobile.homepage .company-slogan {
    color: #333333;
    font-family: 'source_sans_prolight', sans-serif;
    font-size: 44px;
    margin: 0 32px 18px 32px;
    text-align: center;
}
.mobile.homepage .first-message {
    font-size: 20px;
    line-height: 1.63;
    color: #778187;
    text-align: center;
    margin: 0 auto 12px auto;
    padding: 0 32px 0 32px;
    max-width: 500px;
}
.mobile.homepage .download-app {
    margin: 40px auto 0 auto;
}
.mobile.homepage .company-logo {
    height: 120px;
    background-image: url(../images/mobile/mobile-sprite.png);
    background-position: center -1955px;
    background-repeat: no-repeat;
    margin: 0;
}
.mobile.homepage .second-message {
    font-size: 20px;
    font-style: italic;
    line-height: 1.63;
    text-align: center;
    color: #667;
    margin: 0 auto 12px auto;
    padding: 16px 32px 52px 32px;
    max-width: 500px;
}
.mobile.homepage .feature-icon {
    background-image: url(../images/mobile/mobile-sprite.png);
    background-position: -2px top;
    background-repeat: no-repeat;
    margin: 0 auto 32px auto;
    height: 80px;
    text-align: center;
    width: 100px;
}
.mobile.homepage .feature-icon.end-to-end-encryption {
    background-position: -106px -1665px;
    height: 64px;
    width: 57px;
}
.mobile.homepage .feature-icon.secure-global-access {
    background-position: -103px -1768px;
    height: 64px;
    width: 64px;
}
.mobile.homepage .feature-icon.secure-collaboration {
    background-position: -92px -1866px;
    height: 64px;
    width: 85px;
}
.mobile.homepage .feature-title {
    color: #778187;
    font-size: 24px;
    margin-bottom: 8px;
    text-align: center;
}
.mobile.homepage .feature-message {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #939da3;
    margin: 0 auto 52px auto;
    padding: 0 32px 0 32px;
    max-width: 500px;
}
.mobile.homepage .bottom-links {
    display: table-cell;
    height: 40px;
    font-size: 0;
    white-space: nowrap;
    background: #fff;
    vertical-align: middle;
    border-top: 1px solid rgba(204, 204, 204, 0.5);
    box-sizing: border-box;
}
.mobile.homepage .bottom-link {
    cursor: pointer;
    display: inline-block;
    background: url(../images/mobile/mobile-sprite.png);
    background-repeat: no-repeat;
    background-position: left -1190px;
    color: #aaa;
    font-size: 18px;
    line-height: 19px;
    text-align: center;
    margin: 10px 0;
    width: 50%;
}
.mobile.homepage .bottom-link:first-child {
    background-image: none;
}
.mobile.white-block {
    width: 100%;
    width: calc(100% - 32px);
    max-width: 420px;
    border-radius: 6px;
    display: inline-block;
    margin: 0 0 0 0;
    font-size: 0;
    box-sizing: border-box;
    white-space: nowrap;
}
.mobile.filetype-img {
    width: 60px;
    margin: 0 auto;
    position: relative;
    border-radius: 6px;
}
.create-new-folder-overlay .filetype-img {
    display: block;
}
.mobile.filename, .mobile.contactname, .mobile.dialog-heading-text {
    font-size: 15px;
    line-height: 1.6;
    color: #495057;
    margin-bottom: 6px;
    word-break: break-all;
    padding: 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'LatoWebBold';
}
.upload-file-container,
.download-file-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.upload-file-container > *:not(:last-child) {
    margin-bottom: 20px;
}
.mobile.overlay .download .mobile.filename {
    white-space: pre-wrap;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    font-size: 17px;
    line-height: 21px; /* max-height / line-height should be equal to -webkit-line-clamp to limit lines */
    max-height: 64px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.mobile.rb-empty-overlay-title {
    font-size: 15px;
    line-height: 1.5;
    color: #495057;
    margin-bottom: 6px;
    word-break: break-all;
    padding: 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    font-style: normal;
}
.mobile.dialog-heading-text {
    white-space: normal;
    overflow: auto;
    text-overflow: none;
}
.mobile.public-link {
    font-size: 14px;
    line-height: 1.5;
}
.mobile.na-file-txt {
    font-size: 14px;
    line-height: 1.6;
    padding: 0 16px;
    max-width: 420px;
    margin: 12px 0 0 0;
    white-space: normal;
}
.mobile.filesize,
.mobile.download-speed,
.mobile.download-percents {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0px;
    color: #AAAAAA;
    padding: 0 23px;
    margin: 4px 0;
    display: inline-block;
    box-sizing: border-box;
}
.mobile.contactemail {
    width: 100%;
    width: calc(100% - 32px);
    font-size: 14px;
    line-height: 21px;
    white-space: pre-wrap;
    letter-spacing: 0px;
    margin: 6px auto 18px;
}
.downloading .error-overlay {
    z-index: 2000;
    position: absolute;
    top: 0;
}
.mobile.error-messages {
    font-size: 15px;
    line-height: 24px;
    color: #555;
    margin: 24px 0 18px 0;
    display: inline-block;
    box-sizing: border-box;
    white-space: normal;
    width: 100%;
}
.mobile.error-messages .optional-second-message img {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 1px 5px -1px;
    vertical-align: top;
}
.mobile.error-messages .optional-second-message a {
    color: #ff4444;
}
.mobile.download-speed {
    text-align: right;
    padding: 0 28px 0 0;
    background: url(../images/mobile/mobile-sprite.png) no-repeat -172px -246px;
}
.mobile.download-percents {
    text-align: left;
    padding: 0 0 0 28px;
    background: url(../images/mobile/mobile-sprite.png) no-repeat -247px -246px;
}
.mobile.public-link, .mobile.recovery-key-string, .mobile.two-factor-qr-seed {
    background-color: rgba(250,250,250,0.75);
    border: 1px solid #ddd;
    box-sizing: border-box;
    color: #444;
    display: block;
    font-family: 'LatoWeb';
    margin: 8px auto;
    padding: 12px 12px;
    resize: none;
    border-radius: 4px;
    vertical-align: middle;
    width: 100%;
    font-size: 15px;
}
.mobile.two-factor-qr-seed {
    text-align: center;
}
.mobile.recovery-key-string {
    margin: 8px 0;
}
.mobile.text-button {
    color: #939DA3;
    margin: 20px auto 0;
    display: block;
    z-index: 9999;
    font-size: 14px;
    text-align: center;
    height: 44px;
    line-height: 43px;
    text-decoration: underline;
}
.mobile.inline-buttons {
    width: 100%;
    overflow: hidden;
    font-family: 'latoWeb';
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.mobile.mega-dialog.park-account-dialog .mobile.inline-buttons {
    overflow: initial;
}
.mobile.inline-buttons .mobile.red-button {
    width: 50%;
    margin-top: 0;
}
.mobile.inline-buttons .mobile.green-button, .mobile .unsub .btn {
    width: calc(50% - 4px);
    display: inline-block;
    height: 44px;
    margin-top: 0px;
    line-height: 42px;
}
.mobile.fm-dialog-container .mobile.inline-buttons .mobile.red-button  {
    height: 44px;
    line-height: 43px;
    overflow: hidden;
}
.mobile.inline-buttons .mobile.red-button.first, .mobile.inline-buttons .mobile.green-button.first   {
    order: 1;
}
.mobile.inline-buttons .mobile.red-button.second {
    margin-right: 8px;
}
.mobile.inline-buttons .mobile.second, .mobile .unsub .default-white-button {
    float: left;
    background: #FFFFFF;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.50) 0%, rgba(238,238,238,0.75) 100%);
    border: 1px solid #DFDFDF;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
    border-radius: 4px;
    color: #555;
}
.mobile.inline-buttons .mobile.second.ios {
    width: 100%;
    background: #FFFFFF;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.50) 0%, rgba(238,238,238,0.50) 100%);
    border: 1px solid #DFDFDF;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.03);
    color:  #555;
}
.mobile.red-button,
.mobile.download-progress .bar,
.membership-bott-button,
.mobile.green-button,
.mobile.default-button,
.mobile.default-green-button,
.mobile.default-white-button {
    color: white;
    font-size: 13px;
    display: block;
    height: 44px;
    line-height: 43px;
    background: #ff4444;
    background-image: linear-gradient(-179deg, #FF3333 0%, #FF4444 100%);
    background-color: linear-gradient(-179deg, #FF3333 0%, #FF4444 100%);
    border: 1px solid #D82928;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.11), inset 0 -7px 8px 0 rgba(241,6,6,0.40);
    margin-top: 8px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    box-sizing:border-box;
    text-align: center;
}
.fm-dialog.mobile.payment-stripe-dialog {
    height: initial;
    margin: 0;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    position: fixed;
    border: none;
    width: initial;
    border-radius: unset;
    z-index: 1200;
    display: flex;
    flex-direction: column;
}
.fm-dialog.mobile.payment-stripe-failure-dialog .iframe-container {
    flex-grow: 1;
}
.fm-dialog.mobile.payment-stripe-success-dialog,
.fm-dialog.mobile.payment-stripe-failure-dialog {
    height: initial;
    max-width: 640px;
    max-height: 640px;
    margin: auto;
    right: 8px;
    bottom: 8px;
    top: 8px;
    left: 8px;
    position: fixed;
    border: none;
    width: initial;
}
.mobile.payment-stripe-success-dialog .success-logo,
.mobile.payment-stripe-failure-dialog .fail-logo {
    display: block;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    margin-bottom: 47px;
    margin-top: 30%;
}
.mobile.payment-stripe-success-dialog .success-head,
.mobile.payment-stripe-failure-dialog .fail-head {
    margin-top: 10px;
    font-family: 'LatoWeb', sans-serif;
    text-align: center;
    font-size: 20px;
}
.mobile.payment-stripe-success-dialog .success-desc,
.mobile.payment-stripe-failure-dialog .fail-desc {
    font-family: 'LatoWeb', sans-serif;
    font-size: 15px;
    margin: 20px 40px 80px;
    text-align: center;
    line-height: 20px;
}
.mobile.payment-stripe-success-dialog .btn-close-dialog,
.mobile.payment-stripe-failure-dialog .btn-close-dialog {
    cursor: pointer;
    height: 30px;
    width: 30px;
    background-position: -53px -4825px;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: 11px;
    transition: opacity 200ms ease-in-out;
    opacity: 0.3;
    z-index: 10;
}
.mobile.green-button, .mobile.default-green-button {
    background-image: linear-gradient(-180deg, #07BEB1 0%, #00BFA5 100%);
    border: 1px solid #00A58F;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.11), inset 0 2px 1px 0 rgba(255,255,255,0.20);
    border-radius: 4px;
}
.mobile.green-button.disabled {
    opacity: 0.3;
}
.membership-bott-button {
    background: #00BFA5;
    border: 1px solid #00A58F;
    background-image: none;
    background-color: none;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.11), inset 0 2px 1px 0 rgba(255,255,255,0.20);
    font-size: 15px;
}
.mobile.red-button {
    overflow: inherit;
}
.mobile.red-button,
.mobile.download-progress.complete {
    cursor: pointer;
}
.mobile .download-progress span.resume-bttn {
    color: rgb(119, 119, 119);
    background-color: #fff;
    padding: 0px 15px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 3px;
    line-height: 30px;
}
.mobile .dl-app-link {
    margin-bottom: 96px;
    text-decoration: underline;
    color: #939DA3;
}
.mobile.red-button.disabled {
    background: #DDDDDD;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.50) 0%, rgba(238,238,238,0.50) 100%);
    border: 1px solid #DDDDDD;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.03);
    border-radius: 4px;
    color: white;
}
.mobile.red-button.disabled i {
    display: none;
}
.mobile.red-button span,
.mobile.download-progress span {
    position: relative;
    display: inline-block;
    line-height: 22px;
    white-space: normal;
}
.mobile.dialog-button {
    color: white;
    font-size: 13px;
    display: block;
    height: 44px;
    line-height: 43px;
    background: #ff4444;
    background-image: linear-gradient(-179deg, #FF3333 0%, #FF4444 100%);
    background-color: linear-gradient(-179deg, #FF3333 0%, #FF4444 100%);
    border: 1px solid #D82928;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.11), inset 0 -7px 8px 0 rgba(241,6,6,0.40);
    margin-top: 8px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    box-sizing: border-box;
}
.mobile.content-row.second {
    display: none;
}
.wrong-file .mobile.content-row:not(.download),
.downloading .mobile.content-row:not(.download),
.uploading .mobile.content-row {
    display: table;
    width: 100%;
    height: 100%;
    float: left;
    vertical-align: middle;
    text-align: center;
}
.wrong-file .mobile.content-row.second,
.downloading .mobile.content-row.second,
.uploading .mobile.content-row.second {
    background: white;
    background: url();
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.wrong-file .mobile.main-block:not(.download),
.downloading .mobile.main-block:not(.download),
.uploading .mobile.main-block {
    display: block;
}
.mobile.app-info-block {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}
.mobile.app-info {
    display: table-row;
}
.mobile.app-info-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.mobile.wrong-file-block, .mobile.application-txt {
    display: none;
}
.wrong-file .mobile.wrong-file-block, .downloading .mobile.application-txt, .uploading .mobile.application-txt {
    display: block;
    margin: 8px auto;
    background: rgba(235,68,68,0.05);
    border: 1px solid rgba(235,68,68,0.40);
    border-radius: 2px;
    padding: 8px 8px;
    width: 100%;
    width: calc(100% - 32px);
    box-sizing: border-box;
    color: #555555;
    font-size: 13px;
    line-height: 20px;
    max-width: 420px;
}
.mobile.warning-icon {
    width: 60px;
    height: 62px;
    background: url(../images/mobile/mobile-sprite.png);
    background-repeat: no-repeat;
    background-position: -3px -100px;
    display: inline-block;
}
.mobile.error-txt span, .mobile.application-txt span {
    color: #FF4C52;
}
.mobile.error-txt span.asterisk-msg {
    color: #999999;
    font-size: 10px;
}
.mobile.download-app {
    display: block;
    width: 178px;
    height: 54px;
    margin: 0 auto;
    background: none;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0 -345px;
    margin-top: 16px;
}
.android.app-info-block .mobile.download-app {
    background-position: 0 -275px;
}
.app-info-block .mobile.download-app {
    display: none;
}
.wp.app-info-block .mobile.download-app {
    background-position: 0 -415px;
    height: 52px;
    width: 177px;
}
.mobile.download-app.android {
    background-position: 0 -275px;
}
.mobile.download-app.wp {
    background-position: 0 -415px;
}
.mobile.tablet-img-wrapper {
    margin: 0 50px;
}
.mobile.tablet-img {
    max-width: 800px;
    height: 378px;
    margin: 30px auto 0 auto;
    background: url(../images/mobile/ipad-big.png);
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.android .mobile.tablet-img {
    background-image: url(../images/mobile/android.png);
    max-width: 393px;
    height: 295px;
}
.wp .mobile.tablet-img {
    display: none;
}
.mobile.app-info-cell.bottom-align {
    vertical-align: bottom;
}
.mobile.application-txt {
    font-size: 13px;
    line-height: 30px;
    color: #555555;
    padding: 12px 12px 30px;
    max-width: 360px;
    box-sizing: border-box;
}
.mobile.download-progress,
.downloading .inline-buttons .mobile.red-button,
.downloading .mobile.red-button,
.uploading .mobile.red-button {
    display: none;
}
.downloading .error-overlay .mobile.red-button, .uploading .error-overlay .mobile.red-button {
    display: block;
}
.mobile.download-progress {
    box-shadow: inset 0px 0px 0px 1px rgba(238,238,238,1);
    background-color: #FAFAFA;
    height: 44px;
    box-sizing: border-box;
    border-radius: 4px;
    color: rgba(255,255,255,0.3);
    font-size: 14px;
    line-height: 43px;
    position: relative;
    overflow: hidden;
}
.mobile.red-button,
.mobile.download-progress {
    height: 45px;
    line-height: 43px;
}
.mobile.download-progress.complete {
    color: #fff;
}
.downloading .mobile.download-progress {
    display: block;
    text-align: center;
}
.mobile.download-progress .bar {
    width: 0;
    position: absolute;
    border-radius: 0;
    margin: 0;
}
.download-complete .mobile.download-progress {
    color: white;
}
.download-complete .mobile.filesize {
    color: #FF3333;
}
.download-complete .mobile.download-progress .bar {
    width: 100%;
}
.mobile.fm-block,
.mobile.signin-register-block,
.mobile.registration-confirm-email,
.mobile.bus-pw-confirm-block {
    width: 100%;
    height: 100%;
    background-color: var(--mobile-page-background);
}
.mobile.signin-register-block .mobile.fm-block,
.mobile.bus-pw-confirm-block .mobile.fm-block {
    background-color: var(--stroke-grey-1);
}
.mobile.registration-confirm-email {
    background-color: var(--stroke-grey-1);
    position: fixed;
    top: 0;
    z-index: 95;
}
.mobile.registration-confirm-email .mobile.fm-block {
    padding-bottom: 24px;
    border-bottom: 1px solid var(--stroke-grey-2);
}
.mobile.full-page-scrollable {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    display: block;
}
.full-page-scrollable .mobile.fm-block, .full-page-scrollable .mobile.fm-row, .full-page-scrollable .mobile.fm-content, .full-page-scrollable .mobile.sign-header, .full-page-scrollable .mobile.fm-content {
    display: block;
}
.full-page-scrollable .mobile.fm-scrolling, .full-page-scrollable .mobile.fm-block {
    height: auto;
    position: relative;
    overflow: visible;
    -webkit-overflow-scrolling: auto;
}
.mobile.fm-header, .mobile.sign-header {
    height: 66px;
    box-sizing: border-box;
    border-bottom: 1px solid #FFFFFF;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}
.signin-register-block .mobile.sign-header,
.registration-confirm-email .mobile.sign-header {
    border-bottom: 1px solid var(--stroke-main);
    background-color: var(--stroke-main);
}
.mobile.full-page-scrollable.voucher-redeem-dialog .mobile.fm-header, .mobile.full-page-scrollable.voucher-redeem-dialog .mobile.fm-header {
    position: fixed;
    width: 100%;
}
.mobile.full-page-scrollable:not(.registration-confirm-email):not(.registration-generating-keys) .mobile.fm-header .mobile.fm-header-txt {
    margin: 0 20px 0;
}
.mobile.fm-header.pfid-style .open-title-menu {
    display: none;
}
.mobile.fm-header.fm-hr, .mobile.sign-header.fm-hr {
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.07);
    z-index: 101;
}
.theme-dark .signin-register-block .mobile.sign-header.fm-hr,
.theme-dark .forgot-password-page .mobile.fm-header,
.theme-dark .registration-confirm-email .mobile.sign-header.fm-hr {
    box-shadow: 0 2px 18px 0 rgba(0,0,0,0.6);
}
.mobile.fm-header.folder-link {
    height: 126px;
    padding-bottom: 8px;
    text-align: center;
}
.mobile.fm-content {
    height: 100%;
    position: relative;
    width: 100%;
}
.fm-scrolling {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    z-index: 90;
}
.terms-of-service .fm-scrolling {
    overflow: visible;
}
.bottom-pages .fm-scrolling {
    max-height: none;
}
.mobile.main-block.js-country-selector .fm-scrolling {
    max-height: calc(100vh - 144px);
}
.mobile.fm-block.disable-scroll .fm-scrolling {
    overflow: hidden;
}
.mobile.fm-floating-header {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #f5f6f7;
}
.mobile.folders-files-text {
    box-sizing: border-box;
    background-color: #f5f6f7;
    text-align: left;
    color: #939da3;
    font-size: 14px;
    height: 42px;
    line-height: 18px;
    padding: 12px 0 12px 20px;
}
.mobile.sort .context-menu-item {
    display: flex;
    align-items: center;
}
.mobile.sort .context-menu-item .fm-icon {
    background-image: url("../images/mobile/sorting.png") !important;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-size: 477px 172px;
}
.mobile.sort .context-menu-item.nameasc .fm-icon {
    background-position: -52px -16px;
}
.mobile.sort .context-menu-item.namedesc .fm-icon {
    background-position: -82px -16px;
}
.mobile.sort .context-menu-item.sizeasc .fm-icon {
    background-position: -122px -16px;
}
.mobile.sort .context-menu-item.sizedesc .fm-icon {
    background-position: -152px -16px;
}
.mobile.sort .context-menu-item.firstadd .fm-icon {
    background-position: -182px -16px;
}
.mobile.sort .context-menu-item.lastadd .fm-icon {
    background-position: -212px -16px;
}
.mobile.bottom-action-bar {
    box-sizing: border-box;
    border-top: 1px solid rgba(0,0,0,0.1);
    height: 60px;
    background-color: white;
    display: table-cell;
    text-align: center;
    font-size: 12px;
    line-height: 23px;
    color: #999;
    padding: 10px;
    box-shadow: 0px -2px 18px 0px rgba(0,0,0,0.07);
}
.mobile.bottom-action-bar .fm-icon {
    padding: 0 10px;
}
.mobile.bottom-action-bar .fm-icon.scroll-to-top {
    background-position: -238px -1708px;
    margin-left: -10px;
}
.mobile.bottom-action-bar-container.fm-row {
    display: flex;
    flex-direction: column;
}
.mobile .commercial-close-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--surface-mid-grey);
    height: max-content;
    color: var(--icon-rest);
}
.mobile .commercial-wrapper {
    align-self: center;
    padding-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
}
.mobile.commercial-wrapper#commercial-wrapper-mwebcdb {
    border: none;
}
.mobile .commercial-wrapper iframe {
    margin-left: 16px;
    border: none;
}
.fmholder .mobile.main-block .mobile.content-row.first {
    height: 100%;
}
.mobile .commercial-footer-cd {
    display: flex;
    background-color: var(--mobile-page-background);
    z-index: 101;
    position: fixed;
    width: 100%;
    height: 100%;
    padding-top: 10px;
}
.mobile .commercial-footer-cd .commercial-wrapper {
    height: 100%;
    margin: 10px 0;
}
#fmholder.selection-mode .mobile .commercial-footer-cd {
    display: none;
}
.commercial-wrapper {
    display: flex;
}
.commercial-wrapper#commercial-wrapper-mwebcdb {
    height: 100%;
    width: 100%;
    background-color: var(--mobile-page-background);
    padding: 20px 0;
    margin: 0;
    display: flex;
    justify-content: center;
}
.commercial-wrapper#commercial-wrapper-mwebtlinkb {
    height: 94px;
}
.mobile.fm-row {
    height: auto;
}
.mobile.session-history-page .mobile.fm-item {
    height: auto;
    cursor: default;
    background-color: #f5f6f7;
    position: relative;
}
.mobile.session-history-page .mobile.fm-item:nth-child(even) {
    background-color: #fff;
}
.mobile.fm-item.expanded {
    height: 96px;
}

.mobile.fm-icon {
    width: 42px;
    height: 40px;
    background: url(../images/mobile/mobile-sprite.png);
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
.mobile-sprite {
    background-image: url(../images/mobile/mobile-sprite.png);
    background-repeat: no-repeat;
}
.mobile.fm-icon.small {
    width: 16px;
    height: 16px;
}
.mobile.fm-icon.folder {
    background-position: -8px -1572px;
    width: 44px;
    height: 34px;
    margin: 59px auto 0 auto !important;
}
.mobile.fm-icon.mega {
    background-position: -93px -1076px;
}
.mobile.fm-header .fm-icon.mega {
    width: 32px;
    height: 32px;
    margin: 18px auto 0 auto;
}
.mobile.fm-header .fm-icon.mega.left {
    margin-left: 10px;
}
.mobile.fm-icon.mobile-create-new-folder {
    background-position: -250px -1790px;
}
.mobile.fm-icon.upload-file {
    background-position: 0px -1749px;
}
.mobile.fm-icon.cloud {
    background-position: -148px -1994px;
    opacity: .9;
}
.mobile.fm-icon.cloud-dark {
    background-position: -52px -2009px;
}
.mobile.fm-header .fm-icon.cloud {
    cursor: default;
    background-position: -200px -1137px;
}
.mobile.fm-header .fm-icon.rubbish-bin {
    cursor: default;
}
.mobile.fm-icon.menu {
    background-position: -1px -1137px;
}
.mobile.fm-header .fm-icon {
    margin: 13px 6px 0 7px;
}
.mobile.fm-header .fm-icon.left {
    margin-left: 10px;
}
.mobile.fm-icon.plus {
    background-position: -126px -1239px;
}
.mobile.fm-icon.back {
    background-position: -35px -1138px;
}
.mobile.fm-icon.up {
    background-position: -211px -2101px;
}
.mobile.fm-icon.close {
    background-position: -76px -1138px;
}
.mobile.fm-icon.link {
    background-position: -205px -1072px;
}
.mobile.fm-icon.taken-down {
    background-position: -205px -1072px;
}
.mobile.fm-icon.versions {
    background-position: -156px -3087px;
    opacity: 0.6;
}
.mobile.fm-item .fm-icon.link,
.mobile.fm-item .fm-icon.taken-down,
.mobile.fm-item .fm-icon.versions {
    margin-top: 8px;
    width: 24px;
}
.grid-view .mobile.fm-item .fm-icon.link,
.grid-view .mobile.fm-item .fm-icon.taken-down,
.grid-view .mobile.fm-item .fm-icon.versions {
    margin-top: 0;
}
.mobile.fm-icon.open-context-menu {
    background-position: -197px -1660px;
    height: 100%;
    margin: 0;
    width: 40px;
}
.mobile.fm-icon.playvideo {
    background-position: -247px -1625px;
}
.mobile.fm-icon.playaudio {
    background-position: -198px -1625px;
}
.mobile.fm-icon.open-folder {
    background-position: -200px -1750px;
}
.mobile.fm-icon.delete {
    background-position: -203px -1827px;
}
.mobile.fm-icon.account {
    background-position: -250px -1894px;
    opacity: 0.6;
}
.mobile.fm-icon.credit-card {
    background-position: -148px -2136px;
}
.mobile.fm-icon.card {
    background-position: 0 -2008px;
}
.mobile.fm-icon.rocket {
    background-position: -148px -2101px;
}
.mobile.fm-icon.currency-sign-filled {
    background-position: -222px -2144px;
    width: 22px;
    height: 22px;
}
.mobile.fm-icon.transfer-quota-icon {
    background-position: -222px -2178px;
    width: 22px;
    height: 22px;
}
.mobile.fm-icon.storage-icon {
    background-position: -222px -2002px;
    width: 22px;
    height: 22px;
}
.mobile.fm-icon.cancel-subscription {
    background-position: -148px -1959px;
}
.mobile.fm-icon.recovery-key {
    background-position: -147px -2028px;
}
.mobile.fm-icon.invite {
    background-position: 2px -2161px;
}
.mobile.fm-icon.right-arrow {
    background-position: -98px -1961px;
}
.mobile.fm-icon.right-arrow.big {
    background-position: -108px -3582px;
}
.mobile.fm-icon.down-arrow {
    background-position: -222px -3581px;
}
.mobile.fm-icon.info {
    background-position: -150px -1625px;
}
.mobile.fm-icon.info-white-nofill {
    background-position: -190px -196px;
}
.mobile.fm-icon.red-warning {
    background-position: 13px -2113px;
}
.mobile.fm-icon.scroll-to-top {
    background-position: -247px -1708px;
}
.mobile.fm-icon.broken-heart {
    background-position: -50px -1667px;
}
.mobile.fm-icon.notification {
    background-position: 5px -3123px;
}
.mobile.fm-icon.grid-icon {
    background-position: -150px -1788px
}
.mobile.fm-icon.list-icon {
    background-position: -100px -1788px;
}
.mobile.fm-icon.download-zip {
    background-position: 8px -2859px;
}
.mobile.fm-icon.dollar {
    background-position: 9px -3534px;
    opacity: 0.6;
}
.mobile.fm-icon.white {
    filter: brightness(0) invert(1);
}
.mobile.fm-icon.lock {
    background-position: -148px -2170px;
    opacity: .9;
}
.mobile.fm-icon.device {
    background-position: -148px -2208px;
}
.mobile.fm-icon.phone {
    background-position: -84px -2027px;
}
.mobile.fm-icon.tfa-lock {
    background-position: -0px -2239px;
    width: 64px;
    height: 64px;
    margin: 24px auto 30px;
}
.mobile.fm-icon.device-history {
    background-position: -143px -2241px;
    width: 130px;
    height: 130px;
    margin: 0 auto 24px;
}
.mobile.fm-icon.check-mark {
    background-position: -25px -1081px;
    width: 18px;
    height: 19px;
    background-size: 140px auto;
}
.mobile.fm-icon.password {
    background-position: -157px -2072px;
    width: 22px;
    height: 22px;
}
.mobile.fm-icon.voucher {
    background-position: -162px -941px;
    width: 118px;
    height: 95px;
}
.mobile.fm-icon.dropdown-handle {
    background-position: -212px -2062px;
    transform: rotate(0deg);
    transition:transform 100ms linear;
}
.mobile.fm-icon.dropdown-handle.open {
    transform: rotate(180deg);
}
.mobile.fm-icon.rubbish-bin-highlight {
    background-position: -193px -1827px;
}
.mobile.fm-icon.rubbish-bin {
    background-position: -143px -3534px;
    opacity: 0.6;
}
.mobile.fm-icon.small-gray-arrow {
    background-position: -260px -2114px;
    width: 16px;
    height: 16px;
}
.mobile.fm-icon.small-skip-icon {
    width: 20px;
    height: 20px;
    background-position: -2px -3626px;
}
.mobile.voucher-dialog .fm-icon.small-gray-arrow {
    top: 4px;
    left: 0;
}
.mobile.slideshow-buttons .fm-icon.rubbish-bin-highlight {
    background-position: -193px -1818px;
}
.mobile.fm-icon.restore {
    background-position: -211px -2027px;
}
.mobile.green-check, .mobile.red-check {
    background-color: white;
    width: 18px;
    height: 19px;
    top: -4px;
    left: 4px;
    position: relative;
    border-radius: 18px;
}
.mobile.disabled-page .mobile.red-check {
    background-color: #eb4444;
}
.mobile.red-check .mobile.fm-icon.check-mark {
    background: none;
    font-size: 22px;
    line-height: 18px;
    color: #fff;
    transform: rotate(45deg);
}
.mobile.fm-icon.stairs {
    background-position: -31px -3534px;
    opacity: 0.6;
}
.mobile.fm-icon.dollar-file {
    background-position: -69px -3534px;
    opacity: 0.6;
}
.mobile.fm-icon.box {
    background-position: -108px -3534px;
    opacity: 0.6;
}
.mobile.fm-icon.map-pointer {
    background-position: -215px -3017px;
    width: 36px;
    opacity: 0.6;
}
.mobile .button-block .fm-icon.map-pointer {
    left: 13px;
}
.mobile.fm-icon.small.top-green-arrow {
    background-position: -200px -3595px;
}
.mobile.fm-icon.shining-chain {
    background-position: -1px -3417px;
}
.mobile.fm-icon.big-linked-folder {
    background-position: -59px -3417px;
}
.mobile.fm-icon.big-linked-chat {
    background-position: -116px -3416px;
}
.mobile.fm-icon.big-new-user {
    background-position: -175px -3417px;
}
.mobile.fm-icon.green-tick {
    background-position: 8px -3583px;
}
.mobile.fm-icon.small.grey-down-arrow {
    background-position: -43px -3594px;
}
.mobile.fm-icon.big-shining-chain {
    width: 65px;
    height: 48px;
    background-position: -66px -3476px;
}
.mobile.fm-icon.pro-plan {
    background-position: -57px -757px;
    background-size: 200px;
}
.mobile.fm-icon.red-bank {
    background-position: 9px -3661px;
}
.mobile.fm-icon.bitcoin {
    background-position: -29px -3661px;
}
.mobile.fm-icon.light {
    opacity: 0.53;
}
.mobile.download a.mobile.logo,
.mobile.error-overlay a.mobile.logo {
    left: 10px;
    top: 18px;
}
.mobile.content-cell .mobile.menu.dl-page,
.mobile.error-overlay .menu  {
    position: absolute;
    top: 13px;
    right: 6px;
    opacity: .5;
}
.mobile.logo {
    background-position: -94px -1073px;
}
.mobile.overlay .mobile.content-cell .mobile.menu.dl-page {
    display: none;
}
.mobile.fm-dialog-close {
    background: url(../images/mobile/mobile-sprite.png);
    background-position: -76px -1138px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 40px;
    margin: 13px 6px 0 7px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    z-index: 10;
}
.mobile.fm-wiret-close {
    background: url(../images/mobile/mobile-sprite.png);
    background-position: -76px -1138px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 40px;
    margin: 13px 6px 0 7px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    z-index: 10;
}
.mobile.fm-header-txt {
    font-size: 20px;
    line-height: 24px;
    padding: 0 30px;
    color: #495057;
    padding: 20px 0 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    margin: 0 60px 0;
}
.mobile.fm-header-txt.sign-in,
.mobile.fm-header-txt.register,
.registration-confirm-email .mobile.fm-header-txt {
    color: var(--text-color-high);
}
.mobile.fm-folder-size {
    font-size: 14px;
    line-height: 19px;
    color: #999999;
}
.mobile.fm-header-txt span, .mobile.fm-subheader-txt span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.folder-link .mobile.fm-header-txt {
    padding: 14px 20px 0 20px;
    overflow: initial;
}
.folder-link .mobile.fm-header-txt span {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}
.mobile.fm-item-img.folder {
    margin: 7px 0 0 10px;
}
.mobile.fm-item-img.thumb {
    margin: 9px 0 0 8px;
}
.mobile.fm-item-img.folder img {
    width: 36px;
}
.mobile.fm-item-img.thumb img {
    width: 40px;
    height: 40px;
    border-radius: 4px;
}
.mobile.session-history-page .mobile.fm-item-info {
    padding: 8px 108px 8px 20px;
}
.mobile.session-history-page .current.session-history .sh-round-button {
    display: none;
}
.mobile.session-history-page .current.session-history .session-status.info-badge {
    display: block;
}
.mobile.session-history-page .current.session-history .session-status.inactive-badge {
    display: none;
}
.mobile.session-history-page .active.session-history .sh-round-button {
    cursor: pointer;
    display: table;
}
.mobile.session-history-page .active.session-history .session-status.info-badge {
    display: none;
}
.mobile.session-history-page .active.session-history .session-status.inactive-badge {
    display: none;
}
.mobile.session-history-page .expired.session-history .sh-round-button {
    display: none;
}
.mobile.session-history-page .expired.session-history .session-status.info-badge {
    display: none;
}
.mobile.session-history-page .expired.session-history .session-status.inactive-badge {
    display: block;
}
.mobile.session-history-page .expired.session-history .sh-item-location {
    color: #818993;
}
.mobile.session-history-page .expired.session-history .sh-item-country::after {
    background-color: #818993;
}
.mobile.session-history-page .sh-round-button::before {
    background-image: url(../images/mobile/mobile-sprite.png);
    background-repeat: no-repeat;
    background-position: -264px -1832px;
    width: 16px;
    height: 16px;
    display: table-cell;
    vertical-align: middle;
    content: '';
    margin: 2px 0 0 3px;
}
.mobile.session-history-page .active .sh-round-button::before {
    background-position: -262px -1834px;
    margin: 2px 0 0 1px;
    display: table-cell;
}
.mobile.session-history-page .bottom-action-bar .sh-round-button::before {
    background-position: -263px -1963px;
}
.mobile.session-history-page .sh-item-date {
    opacity: 0.6;
    font-size: 12px;
    color: #262F3B;
    letter-spacing: 0;
    line-height: 18px;
}
.mobile.session-history-page .sh-item-device {
    font-family: 'LatoWebBold';
    font-size: 15px;
    color: #495057;
    letter-spacing: 0;
    line-height: 24px;
}
.mobile.session-history-page .sh-item-location {
    font-size: 14px;
    color: #467EBF;
    letter-spacing: 0;
    line-height: 20px;
    white-space: nowrap;
}
.mobile.session-history-page .sh-item-icon {
    display: inline-block;
    line-height: 0;
    margin-right: 4px;
    margin-top: 3px;
    vertical-align: top;
    position: relative;
}
.mobile.session-history-page .sh-item-icon::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 3px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
}
.mobile.session-history-page .sh-item-icon img {
    width: 18px;
    border-radius: 2px;
}
.mobile.session-history-page .sh-item-ip {
    display: block;
}
.mobile.session-history-page .sh-round-button {
    background: #F0373A;
    border: 1px solid #D82928;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.11), inset 0 1px 1px 0 rgba(255,255,255,0.20);
    border-radius: 6px;
    line-height: 27px;
    padding: 0 6px;
    height: 28px;
    display: block;
    color: #fff;
    margin: -1px 18px 0 12px;
    box-sizing: border-box;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.mobile.session-history-page .bottom-action-bar-container .sh-round-button {
    cursor: pointer;
    display: table;
    height: 32px;
    line-height: 31px;
    margin: 4px auto;
    padding: 0 16px;
    width: auto;
    display: table;
    border: 1px solid #E2E2E2;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.11), inset 0 1px 2px 0 rgba(255,255,255,0.20);
    background:  linear-gradient(-180deg, #FFFFFF 0%, #F2F2F2 100%);
    color: #676D75;
    border-radius: 6px;
    position: relative;
}
.mobile.session-history-page .sh-round-button span {
    padding-left: 6px;
    display: table-cell;
    vertical-align: middle;
}
.mobile.session-history-page .active.session-history .sh-round-button.confirmation {
    display: block;
    width: auto;
    padding: 0 12px;
    position: absolute;
    right: 0;
    transition: all .35s ease-in-out;
}
.mobile.session-history-page .active.session-history .sh-round-button.confirmation span.confirm-button {
    display: block;
    opacity: 1;
    transition: all 1s ease-in-out;
}
.mobile.session-history-page .active.session-history .sh-round-button.confirmation span {
    display: none;
}
.mobile.session-history-page .folders-files-text .sh-device-header {
    display: none;
}
.mobile.session-history-page .folders-files-text .sh-location-header {
    display: none;
}
.mobile.session-history-page .folders-files-text .sh-date-header {
    display: inline-block;
}
.mobile.session-history-page .folders-files-text .sh-status-header {
    display: none;
}
.mobile.main-block .mobile.info-badge {
    color: #4A90E2;
    font-size: 14px;
    background: rgba(74,144,226,0.20);
    border-radius: 6px;
    line-height: 28px;
    padding: 0 12px;
}
.mobile.main-block .mobile.inactive-badge {
    color: #818993;
    font-size: 14px;
    background: rgba(187,187,187,0.20);
    border-radius: 6px;
    line-height: 28px;
    padding: 0 12px;
}
.mobile.main-block .mobile.session-status {
    margin: -1px 18px 0 8px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.mobile.fm-item-details {
    color: #aaa;
    font-size: 13px;
    letter-spacing: .1px;
    line-height: 18px;
}
.mobile.fm-item-details span {
    padding: 0;
}
.mobile.fm-item-details .date {
    padding-left: 8px;
}
.mobile.fm-item-links {
    padding: 18px 0 0 0;
    max-width: 360px;
    margin: 0 auto;
    clear: both;
    transition: all 200ms ease-in-out;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    font-size: 0;
}
.expanded .mobile.fm-item-links {
    cursor: default;
    opacity: 1;
    visibility: visible;
    z-index: 2;
}
.mobile.fm-item-link {
    cursor: pointer;
    width: 33.333333%;
    font-size: 13px;
    line-height: 17px;
    color: #FF5555;
    background: url(../images/mobile/mobile-sprite.png);
    background-repeat: no-repeat;
    background-position: left -1192px;
    text-align: center;
    display: inline-block;
}
.mobile.fm-item-link:first-child {
    background-image: none;
}
.light-overlay {
    background-color: var(--mobile-page-background);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 1000;
    transition: all 200ms ease-in-out;
}
.dark-overlay {
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 1000;
    transition: all 200ms ease-in-out;
}
.titlemenu-overlay {
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    left: 0;
    top: 66px;
    position: fixed;
    z-index: 97;
    transition: all 200ms ease-in-out;
}
.mobile.dark-overlay {
    background-color: rgba(0,0,0,0.8);
    z-index: 100;
    transition: all 200ms ease-in-out;
    opacity: 0;
    z-index: 200;
    display: none;
}
.mobile.dark-overlay.active {
    opacity: 1;
    display: block;
}
.mobile.main-menu {
    position: absolute;
    overflow: hidden;
    height: 100%;
    opacity: 0;
    background-color: white;
    z-index: 210;
    top: 0;
}
.mobile.main-menu.active {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    opacity: 1;
}
.mobile.menu-buttons.logged-out {
    margin-top: 81px;
}
.mobile.menu-buttons .spacer {
    height: 40px;
}
.mobile.menu-button {
    color: #888;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    padding: 14px 0 13px 15px;
}
.mobile.menu-button.current {
    border-left: 3px solid #eb4444;
}
.mobile.menu-button.red {
    color: #ff4444;
}
.mobile.menu-button.pro-plans {
    color: #2aaf5f;
}
.mobile.template {
    display: none;
}
.mobile.empty-cloud .empty-cloud-block,
.mobile.empty-folder .empty-folder-block,
.mobile.empty-rubbishbin .rubbishbin-block {
    display: block;
}
.mobile.empty-cloud-block,
.mobile.empty-folder-block {
    position: absolute;
    width: 100%;
    height: 150px;
    left: 0;
    top: 50%;
    margin: -75px 0 0 0;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    color: #CCCCCC;
    font-family: 'source_sans_proregular', sans-serif;
}
.landscape .mobile.empty-folder-block {
    top: 20%;
    margin-top: 15px;
}
.mobile.empty-icon {
    width: 145px;
    height: 109px;
    margin: 0 auto 20px auto;
    background-image: url(../images/mobile/mobile-sprite.png);
    background-repeat: no-repeat;
}
.mobile.empty-icon img {
    display: none;
}
.mobile.empty-icon.item-type {
    background-image: none;
    height: auto;
    width: auto;
}
.mobile.empty-icon.item-type img {
    display: block;
}
.mobile.empty-icon.sprite-fm-illustration {
    background: url("../images/sprites/fm-illustration-sprite.svg") no-repeat;
    background-size: 2000%;
}
.mobile.empty-icon.sprite-fm-illustration.img-dialog-payment-card-exp {
    --width: 145px;
    --height: 109px;
    background-position: calc(300% / 19) calc(var(--scale) * -500);
}
.landscape .mobile.empty-icon {
    margin-bottom: 2px;
}
.mobile.empty-cloud .empty-icon {
    background-position: -3px -1442px;
}
.mobile.empty-folder .empty-icon {
    background-position: -3px -1300px;
}
.mobile.empty-icon.clear-rubbish-bin {
    background-position: -136px -1280px;
    background-color: #ff4444;
    border-radius: 73px;
    height: 146px;
    margin-bottom: 0;
    transform: scale(0.75);
}
.mobile.empty-icon.over-storage-quota {
    background-position: -167px -706px;
    height: 102px;
    width: 102px;
}
.mobile.empty-icon.big-green-tick {
    background-position: -178px -825px;
    height: 84px;
    width: 84px;
}
.mobile.empty-icon.warning-icon {
    background-position: -76px -3710px;
    height: 54px;
    width: 68px;
}
.mobile.empty-icon.invalid-voucher {
    background-position: -84px -3652px;
    height: 46px;
    width: 52px;
}
.mobile.empty-icon.voucher {
    background-position: -162px -941px;
    width: 118px;
    height: 95px;
}
.mobile.empty-icon.enter-number {
    background-position: -168px -2407px;
    height: 102px;
    width: 102px;
}
.mobile.empty-icon.vn-illustration {
    background-position: 6px -2401px;
    height: 156px;
    width: 168px;
    position: absolute;
    bottom: 0;
    margin: 0 0 0 -84px;
    left: 50%;
}
.mobile.empty-icon.add-number {
    background-position: -169px -2518px;
    height: 96px;
    width: 96px;
}
.mobile.empty-txt span {
    color: #777777;
}
.mobile.top-links {
    margin: 8px 0px;
    clear: both;
    text-align: center;
    font-size: 0;
    line-height: 0;
    border-bottom: 1px solid var(--stroke-grey-1);
    border-top: 1px solid var(--stroke-grey-1);
    background-color: var(--stroke-main);
}
.mobile.top-link {
    cursor: pointer;
    width: 100%;
    font-size: 15px;
    letter-spacing: 0.2px;
    color: var(--text-color-medium);
    text-align: center;
    display: inline-block;
    line-height: 54px;
}
.mobile.top-link.full {
    width: 100%;
}
.mobile.top-link.active {
    color: #FF5555;
}
.mobile.signing-in {
    color: #FF5555;
    padding: 38px 0 0 0;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
}
.mobile.top-link:first-child {
    background-image: none;
}
/* Default input */
.mobile.signin-input, .mobile.country-input, .mobile.phone-number-input, .mobile.default-input {
    background-color: #f8f8f8;
    border: 1px solid #eee;
    height: 48px;
    padding: 10px 16px 0 52px;
    box-sizing: border-box;
    position: relative;
    margin: 0 16px 4px 16px;
    border-radius: 3px;
}
.signin-register-block .mobile.signin-input {
    background-color: var(--stroke-grey-1);
    border-color: var(--stroke-grey-2);
}
.mobile.default-input {
    padding: 11px 12px 0 12px;
    margin: 0;
    text-align: left;
    white-space: nowrap;
}
.mobile.default-input.top-pad {
    margin: 12px 0 0 0;
}
.mobile.defaul-input.icon {
    padding: 10px 16px 0 52px;
}
.mobile-default.input.icon i {
    position: absolute;
}

/* Default grey select */
.mobile.default-select-label, .mobile.default-input-label {
    font-size: 13px;
    line-height: 20px;
    color: #666666;
    padding: 16px 0 5px 0;
    text-align: left;
}
.mobile.default-grey-select {
    background-color: #f8f8f8;
    border: 1px solid #eee;
    height: 48px;
    box-sizing: border-box;
    position: relative;
    border-radius: 3px;
    position: relative;
    background-image: url(../images/mobile/mobile-sprite.png);
    background-repeat: no-repeat;
    background-position: right -2350px;
}
.mobile.default-grey-select select {
    width: 100%;
    height: 100%;
    line-height: 100%;
    background-color: white;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
}
.mobile.default-grey-select span {
    padding: 11px 25px 0 12px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
}
.mobile.default-grey-select.error, .mobile.default-input.error {
    border-color: #e54c51;
}
.mobile.default-grey-select.error span, .mobile.default-input.error input {
    color: #e54c51;
}

/* Custom inputs */
.mobile.country-input, .mobile.phone-number-input {
    margin: 6px auto;
    padding-right: 46px;
}
.mobile.two-factor-seed-input {
    padding: 12px 16px 0 12px;
    height: 64px;
    margin: 0 auto 24px;
}
.mobile.verify-number .verify-number-code {
    border-radius: 4px;
    background-color: #f8f8ff;
    border: 0 solid rgba(0,0,0,0);
    height: 64px;
    margin: 0 auto 16px;
    padding: 0;
}
.mobile.signin-input span, .mobile.country-input span, .mobile.phone-number-input span {
    width: 20px;
    height: 20px;
    display: block;
    background-image: url(../images/mobile/mobile-sprite.png);
    background-repeat: no-repeat;
    background-position: -130px -1148px;
    position: absolute;
    left: 16px;
    top: 13px;
}
.signin-register-block .mobile.signin-input i:first-child {
    --mask-color: var(--icon-rest);
    --icon-size: 16px;
    position: absolute;
    left: 16px;
    top: 17px;
}
.signin-register-block .mobile.signin-input.incorrect i:first-child {
    --mask-color: var(--stroke-error);
}
.signin-register-block .mobile.signin-input i.pass-visible {
    --mask-color: var(--icon-active);
}
.mobile.country-input span {
    background-position: -93px -2071px;
    width: 24px;
    height: 24px;
    margin: -2px;
    opacity: .6;
}
.mobile.phone-number-input span {
    background-position: -93px -2035px;
    width: 24px;
    height: 24px;
    margin: -2px;
    opacity: .6;
}
.mobile.country-input span.show-country-icon {
    background-position: -46px -1146px;
    left: initial;
    right: 16px;
    opacity: 1;
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.mobile.signin-input.incorrect span {
    background-position: -130px -1220px;
}
.mobile.signin-input.first-name span, .mobile.signin-input.last-name span {
    background-position: -253px -1147px;
}
.mobile.signin-input.first-name.incorrect span, .mobile.signin-input.last-name.incorrect span {
    background-position: -253px -1217px;
}
.mobile.signin-input.password span, .mobile.signin-input.password-confirm span {
    background-position: -164px -1148px;
}
.mobile.signin-input.password.incorrect span, .mobile.signin-input.password-confirm.incorrect span {
    background-position: -164px -1218px;
}
.mobile.signin-input input, .mobile.country-input input, .mobile.phone-number-input input, .mobile.default-input input {
    background-color: #F8F8F8;
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    height: 26px;
    width: 100%;
    font-family: 'LatoWeb';
    display: block;
}
.mobile.signin-input,
.mobile.password-input {
    --icon-size: 24px;
}
.signin-register-block .mobile.signin-input input {
    background-color: var(--stroke-grey-1);
    color: var(--text-color-medium);
}
.mobile.signin-input.password input,
.mobile.signin-input.password-confirm input,
.mobile.password-input input {
    width: calc(100% - 33px);
    display: inline-block;
    vertical-align: top;
}
.mobile.signin-input .warning-icon,
.mobile.password-input .warning-icon {
    display: inline-block;
}
.mobile.default-input input {
    color: #333;
}

.mobile.signin-input input::-webkit-input-placeholder, .mobile.country-input input::-webkit-input-placeholder, .mobile.phone-number-input input::-webkit-input-placeholder, .mobile.default-input input::-webkit-input-placeholder  {
    color: #999;
    font-size: 14px;
}
.mobile.signin-input input::-moz-placeholder, .mobile.country-input input::-moz-placeholder, .mobile.phone-number-input input::-moz-placeholder, .mobile.default-input input::-moz-placeholder {
    color: #999;
    font-size: 14px;
    opacity: 1;
}
.mobile.signin-input input:-moz-placeholder, .mobile.country-input input:-moz-placeholder, .mobile.phone-number-input input:-moz-placeholder, .mobile.default-input input:-moz-placeholder {
    color: #999;
    font-size: 14px;
    opacity: 1;
}
.mobile.signin-input input:-ms-input-placeholder, .mobile.country-input input:-ms-input-placeholder, .mobile.phone-number-input input:-ms-input-placeholder, .mobile.default-input input:-ms-input-placeholder {
    color: #999;
    font-size: 14px;
}
.two-factor-qr-block .mobile.signin-input.two-factor-seed-input input::placeholder {
    color: #bbb;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 38px;
}
.two-factor-qr-block .mobile.signin-input.two-factor-seed-input input::-webkit-input-placeholder {
    color: #bbb;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 38px;
}
.two-factor-qr-block .mobile.signin-input.two-factor-seed-input input::-moz-input-placeholder {
    color: #bbb;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 38px;
}
.two-factor-qr-block .mobile.signin-input.two-factor-seed-input input:-moz-input-placeholder {
    color: #bbb;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 38px;
}
.two-factor-qr-block .mobile.signin-input.two-factor-seed-input input:-ms-input-placeholder {
    color: #bbb;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 38px;
}
.verify-login-page .mobile.signin-input input, .mobile.verify-number .vn-input-wrapper .verify-number-code input, .mobile.signin-input.two-factor-seed-input input {
    font-size: 36px;
    height: initial;
    line-height: 62px;
    text-align: center;
    letter-spacing: 4px;
    color: #495057;
    background-color: rgba(0,0,0,0);
}
.verify-login-page .mobile.signin-input input::placeholder, .mobile.verify-number .vn-input-wrapper .verify-number-code input::placeholder {
    color: #bbb;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 62px;
}
.verify-login-page .mobile.signin-input input::-webkit-input-placeholder, .mobile.verify-number .vn-input-wrapper .verify-number-code input::-webkit-input-placeholder {
    color: #bbb;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 62px;
}
.verify-login-page .mobile.signin-input input::-moz-placeholder, .mobile.verify-number .vn-input-wrapper .verify-number-code input::-moz-placeholder {
    color: #bbb;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 62px;
}
.verify-login-page .mobile.signin-input input:-moz-placeholder, .mobile.verify-number .vn-input-wrapper .verify-number-code input:-moz-placeholder {
    color: #bbb;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 62px;
}
.verify-login-page .mobile.signin-input input:-ms-input-placeholder, .mobile.verify-page .vn-input-wrapper .verify-number-code input:-ms-input-placeholder {
    color: #bbb;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 62px;
}
body.es .mobile.verify-number .vn-input-wrapper .verify-number-code input::-webkit-input-placeholder,
body.de .mobile.verify-number .vn-input-wrapper .verify-number-code input::-webkit-input-placeholder {
    font-size: 14px;
}
body.es .mobile.verify-number .vn-input-wrapper .verify-number-code input:-moz-placeholder,
body.de .mobile.verify-number .vn-input-wrapper .verify-number-code input:-moz-placeholder {
    font-size: 14px;
}
body.es .mobile.verify-page .vn-input-wrapper .verify-number-code input:-ms-input-placeholder,
body.de .mobile.verify-page .vn-input-wrapper .verify-number-code input:-ms-input-placeholder {
    font-size: 14px;
}
body.es .mobile.verify-number .vn-input-wrapper .verify-number-code input::placeholder,
body.de .mobile.verify-number .vn-input-wrapper .verify-number-code input::placeholder {
    font-size: 14px;
}
.mobile.signin-input.incorrect input, .mobile.verify-page .vn-input-wrapper .verify-number-code.incorrect input, .mobile.phone-number-input.incorrect input  {
    color: #FF5555;
}
.mobile.signin-input.incorrect input::-webkit-input-placeholder, .mobile.verify-page .vn-input-wrapper .verify-number-code.incorrect input::-webkit-input-placeholder, .mobile.phone-number-input.incorrect input::-webkit-input-placeholder {
    color: #FF5555;
}
.mobile.signin-input.incorrect input:-moz-placeholder, .mobile.verify-page .vn-input-wrapper .verify-number-code.incorrect input:-moz-placeholder, .mobile.phone-number-input.incorrect input:-moz-placeholder {
    color: #FF5555;
}
.mobile.signin-input.incorrect input::-moz-placeholder, .mobile.verify-page .vn-input-wrapper .verify-number-code.incorrect input::-moz-placeholder, .mobile.phone-number-input.incorrect input::-moz-placeholder {
    color: #FF5555;
}
.mobile.signin-input.incorrect input:-ms-input-placeholder, .mobile.verify-page .vn-input-wrapper .verify-number-code.incorrect input:-ms-input-placeholder, .mobile.phone-number-input.incorrect input:-ms-input-placeholder {
    color: #FF5555;
}
.signin-register-block .mobile.signin-input.incorrect {
    color: var(--text-color-error);
}
.two-factor-qr-block .mobile.signin-input.two-factor-seed-input input {
    text-align: center;
    line-height: 38px;
}
.signin-register-block .custom-login-message-block {
    color: #495057;
    font-family: 'LatoWeb', 'source_sans_proregular', sans-serif;
    font-size: 15px;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 30px;
    text-align: center;
    line-height: 22px;
}
.signin-register-block .custom-login-message-block .user-number {
    font-family: 'LatoWebBold';
}
.signin-register-block .tab-block.register .signin-input.password {
    position: relative;
}
.signin-register-block .estimator-loading-icon,
.recover-account-page .estimator-loading-icon,
.bus-pw-confirm-block .estimator-loading-icon {
    background: rgba(0, 0, 0, 0) url("../images/mega/ajax-loader-gray.gif") no-repeat scroll 0 0 / 16px 16px;
    display: none;
    height: 16px;
    position: absolute;
    right: 17px;
    top: 21px;
    width: 16px;
    z-index: 1;
}
.signin-register-block .estimator-loading-icon.loading,
.recover-account-page .estimator-loading-icon.loading,
.bus-pw-confirm-block .estimator-loading-icon.loading {
    display: inline-block;
}
/* Prevent Chrome displaying the default checkbox */
input[type='checkbox'] {
    display: none;
}
.mobile.remember-me, .mobile.confirm-terms {
    overflow: hidden;
    padding-left: 18px;
    margin-right: 16px;
    margin-left: 16px;
    margin-bottom: 4px;
    background-color: var(--stroke-main);
}
.mobile.remember-me div.checkboxOn, .mobile.remember-me div.checkboxOff {
    margin: 18px 0 0 0;
}
.mobile.confirm-terms div.checkboxOn, .mobile.confirm-terms div.checkboxOff {
    margin: 17px 0 0 0;
}
.checkboxOn.square, .checkboxOff.square {
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    float: left;
    overflow: hidden;
    position: relative;
    width: 18px;
    height: 18px;
}
.checkboxOn.square i {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/mobile/mobile-sprite.png);
    background-position: -49px -1179px;
}
.checkboxOn.square input,
.checkboxOff.square input {
    height: 18px;
    position: relative;
    width: 18px;
}
.checkboxOn.square input.remember-billing-info,
.checkboxOff.square input.remember-billing-info {
    display: block;
    z-index: 2;
    position: absolute;
}
.signin-register-block .checkboxOn.square,
.signin-register-block .checkboxOff.square {
    border: 1px solid var(--stroke-grey-2);
}
.mobile.remember-me .text {
    cursor: pointer;
    display: block;
    font-family: 'LatoWeb';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 54px;
    letter-spacing: normal;
    color: var(--text-color-medium);
    float: none;
    padding: 0 0 0px 37px;
}
.mobile.sign-in .first-message, .mobile.register .first-message {
    font-size: 15px;
    line-height: 1.63;
    color: #778187;
    text-align: center;
    margin: 20px auto 0 auto;
    padding: 0 32px 0 32px;
    max-width: 500px;
}
.mobile.sign-in .download-app, .mobile.register .download-app {
    margin: 15px auto 0 auto;
}
.mobile.sign-in .forgot-password-button, .mobile.verify-login-page .lost-authenticator-button {
    color: #939DA3;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    margin-top: 22px;
    text-align: center;
    width: 100%;
}
.mobile.sign-in .forgot-password-button {
    color: var(--text-color-medium);
}
.mobile.verify-login-page .lost-authenticator-button {
    background-color: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    line-height: 56px;
    margin-top: 8px;
}
.mobile.confirm-terms {
    background-color: var(--stroke-main);
    overflow: hidden;
    padding-left: 17px;
}
.mobile.confirm-terms .checkbox {
    border-radius: 2px;
    background-color: var(--stroke-main);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px var(--stroke-grey-1);
}
.mobile.confirm-terms .text {
    cursor: pointer;
    display: block;
    font-family: 'source_sans_proregular', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 21px;
    letter-spacing: normal;
    color: var(--text-color-medium);
    padding: 16px 0 16px 36px;
}
.mobile.confirm-terms .text a {
    color: var(--text-color-error);
}
.mobile.signin-button, .mobile.register-button, .mobile.resend-button, .mobile.create-account-botton {
    background-image: linear-gradient(-180deg, #07BEB1 0%, #00BFA5 100%);
    border: 1px solid #00A58F;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.11), inset 0 2px 1px 0 rgba(255,255,255,0.20);
    border-radius: 3px;
    padding: 0;
    position: relative;
    font-size: 16px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    height: 48px;
    margin-left: 16px;
    margin-right: 16px;
    transition: all 200ms ease-in-out;
    opacity: 0.3;
}
.mobile.register-cancel-button {
    background-image: linear-gradient(-179deg, #FF3333 0%, #FF4444 100%);
    border: 1px solid #D82928;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.11), inset 0 2px 1px 0 rgba(255,255,255,0.20);
    color: #fff;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 8px;
    padding: 0;
    position: relative;
    text-align: center;
    transition: all 200ms ease-in-out;
}
.mobile.signin-button.active, .mobile.register-button.active, .mobile.resend-button.active, .mobile.create-account-botton.active {
    background: #00bfa5;
    border: 1px solid #00A58F;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.11), inset 0 2px 1px 0 rgba(255,255,255,0.20);
    color: #fff;
    cursor: pointer;
    opacity: 1;
}
.mobile.signin-button .loading-image,
.mobile.two-factor-verify-btn .loading-image,
.mobile.verify-number .loading-image {
    display: none;
}
.mobile.signin-button.loading .label,
.mobile.two-factor-verify-btn.loading .label {
    display: none;
}
.mobile.signin-button.loading .loading-image,
.mobile.two-factor-verify-btn.loading .loading-image,
.mobile.verify-number.loading .loading-image {
    display: inline-block;
    height: 28px;
    left: 50%;
    margin-left: -14px;
    margin-top: 10px;
    position: absolute;
    width: 28px;
    font-size: 0;
    line-height: 0;
}
.mobile.signin-button .loading-image img,
.mobile.two-factor-verify-btn .loading-image img {
    width: 28px;
    height: 28px;
}
.new-registration {
    padding-bottom: 2px;
    margin-bottom: 8px;
    margin-left: 16px;
    margin-right: 16px;
}
.register-pass-status-line1, .register-pass-status-line2, .register-pass-status-line3, .register-pass-status-line4, .register-pass-status-line5 {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    float: left;
    height: 2px;
    margin-right: 5px;
    width: 20%;
    width: calc(20% - 5px);
}
.theme-dark .register-pass-status-line1,
.theme-dark .register-pass-status-line2,
.theme-dark .register-pass-status-line3,
.theme-dark .register-pass-status-line4,
.theme-dark .register-pass-status-line5 {
    background-color: rgba(0, 0, 0, 0.3);
}
.good1 .register-pass-status-line1 {
    background-color: var(--mobile-support-error);
}
.good2 .register-pass-status-line1, .good2 .register-pass-status-line2 {
    background-color: var(--mobile-support-error);
}
.good3 .register-pass-status-line1, .good3 .register-pass-status-line2, .good3 .register-pass-status-line3 {
    background-color: var(--mobile-support-warning);
}
.good4 .register-pass-status-line1, .good4 .register-pass-status-line2, .good4 .register-pass-status-line3, .good4 .register-pass-status-line4 {
    background-color: var(--mobile-support-success);
}
.good5 .register-pass-status-line1, .good5 .register-pass-status-line2, .good5 .register-pass-status-line3, .good5 .register-pass-status-line4, .good5 .register-pass-status-line5 {
    background-color: var(--mobile-support-success);
}
/* Default checkbox */
div.checkboxOff,
div.checkboxOn {
	width: 16px;
	height: 16px;
	border: 1px solid #f55;
	box-sizing: border-box;
	border-radius: 100%;
	float: left;
	position: relative;
}
.bus-reg-agreement div.checkboxOff,
.bus-reg-agreement div.checkboxOn {
    border: none;
    border-radius: 3px;
}
.objectstorage .register-agreement-checkbox .checkboxOn,
.objectstorage .register-agreement-checkbox .checkboxOff,
.objectstorage-mobile .mobile.provider-list-item .checkboxOn,
.objectstorage-mobile .mobile.provider-list-item .checkboxOff {
    float: none;
    border: none;
    border-radius: 3px;
}
#propay div.checkboxOff,
#propay div.checkboxOn {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    cursor: pointer;
    margin-inline-end: 11px;
    border-radius: 3px;
    border: 1px solid rgba(4, 16, 30, 1);
}
.checkboxOff span,
.checkboxOn span {
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	left: 2px;
	top: 2px;
	border-radius: 100%;
	background-color: #f55;
	opacity: 0;
	transition: all 0.2s ease-in-out;
}
.checkboxOn span {
	opacity: 1;
}
.checkboxOff input,
.checkboxOn input {
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	left: -1px;
	top: -1px;
	opacity: 0;
	cursor: pointer;
}
.checkbox-label,
.checkbox-label.radio-txt {
    float: left;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 0 9px;
    color: #666;
    cursor: pointer;
}
.checkbox-label.small {
    font-size: 14px;
    line-height: 18px;
    color: #999;
    display: block;
    box-sizing: border-box;
    max-width: calc(100% - 31px);
}
.checkbox-block {
    padding: 27px 0 40px 23px;
}
.radio-txt {
    max-width: calc(100% - 32px);
}

.mobile.input-error {
    margin: 21px 0 30px 0;
    font-size: 15px;
    line-height: 24px;
    color: #F6A623;
    text-align: center;
}
.mobile.loader {
    position: absolute;
    width: 58px;
    height: 58px;
    left: 50%;
    top: 50%;
    margin: -29px 0 0 -29px;
    background-image: url(../images/mobile/mobile-sprite.png);
    background-repeat: no-repeat;
    background-position: -7px -1212px;
    animation: rotate-loading 0.8s infinite linear;
}
.mobile.tab-block.sign-in, .mobile.tab-block.register {
    padding-top: 24px;
    background-color: var(--stroke-main);
    padding-bottom: 16px;
    border-bottom:1px solid var(--stroke-grey-2);
}
.mobile.registration-confirm-email .email-icon {
    width: 200px;
    height: 114px;
    background-image: url(../images/mega/register-big-sprite.png);
    background-position: center -1021px;
    background-repeat: no-repeat;
    margin: 46px auto 0 auto;
}
.mobile.registration-confirm-email .confirm-message {
    color: var(--text-color-high);
    font-size: 15px;
    text-align: center;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 26px;
}
.mobile.registration-confirm-email .change-email {
    background-color: var(--stroke-grey-1);
    margin-top: 30px;
    padding: 14px 0;
    text-align: center;
    margin: 24px 16px;
    border: 1px solid var(--stroke-grey-2);
}
.recover-account-email-block .account.input-wrapper {
    margin: 0 auto;
}
.recover-account-email-block .mega-input {
    border-bottom: 1px solid var(--stroke-mid-grey);
}
.recover-account-email-block .mega-input.active {
    border-color: var(--input-text-underline-hover);
}
.mobile.registration-confirm-email .change-email input {
    background-color: var(--stroke-grey-1);
    border: 0;
    color: var(--text-color-medium);
    display: block;
    font-size: 14px;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    font-family: 'source_sans_proregular', sans-serif;
}
.mobile.registration-confirm-email .instruction-message {
    opacity: 0.6;
    font-size: 13px;
    text-align: center;
    color: var(--text-color-medium);
    margin: 16px 10px 20px 10px;
}
.mobile.registration-generating-keys .information-message {
    font-size: 15px;
    line-height: 1.63;
    text-align: center;
    color: #939da3;
    margin-left: 20px;
    margin-right: 20px;
}
.mobile.registration-generating-keys {
    height: 100%;
    position: relative;
    display: block;
}
.mobile.registration-generating-keys .fm-header-txt {
    margin: 0 32px 0 60px;
}
.mobile.registration-generating-keys .fm-content {
    margin-top: 50%;
}
.mobile.white-text-bl {
    padding: 61px 30px 65px 30px;
    box-sizing: border-box;
    max-width: 540px;
    margin: 0 auto;
    color: white;
}
.mobile.white-header {
    padding: 0 0 0 0;
    color: white;
    font-size: 16px;
    line-height: 24px;
}
.mobile.white-text-bl ul {
    margin: 22px 0 0 17px;
    padding: 0;
}
.mobile.white-text-bl li {
    font-size: 15px;
    line-height: 26px;
    margin: 0;
    padding: 0;
    list-style-type: initial;
    color: white;
}
.tab-block .mobile.download-app {
    width: 152px;
    height: 47px;
    margin-bottom: 40px;
    background-position: 0 -564px;
}
.tab-block .mobile.download-app.android {
    background-position: 0 -496px;
}
.tab-block .mobile.download-app.wp {
    background-position: 0 -632px;
    width: 128px;
}

/* Hide the dropdown on the MegaSync page */
.megaapp-linux-box-container, .megaapp-linux {
    display: none !important;
}

/* Terms of Service page */
.mobile.terms-of-service .content {
    padding: 20px;
}
/* General Terms, Privacy Policy and Takedown guidance pages */
.data-protection, .terms-general, .privacy-policy, .takedown-guidance, .contact-us {
    padding: 50px 20px 50px 20px;
}
.contact-us .contact-new-column {
    margin-bottom: 48px;
    margin-top: 48px;
}
.data-protection h1,
.terms-of-service h1,
.terms-general h1,
.privacy-policy h1,
.takedown-guidance h1,
.contact-us h1 {
    font-family: var(--text-font-family-second-semibold);
    font-size: 32px;
    color: #262F3B;
    line-height: 40px;
}
.data-protection h2, .terms-of-service h2, .terms-general h2, .privacy-policy h2, .takedown-guidance h2, .contact-us .contact-new-title {
    font-family: 'source_sans_prosemibold', sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: #262F3B;
}
.contact-us h1 {
    background-image: none !important;
    background-repeat: no-repeat;
    line-height: 1.5;
    margin-left: 51px;
    margin-top: 40px;
}
.contact-us h1::before {
    content: '';
    background-image: url(../images/mega/contact-us-sprite@2x.png);;
    background-size: 40px auto;
    background-position: 0 0;
    height: 40px;
    width: 40px;
    position: absolute;
    display: inline-block;
    margin-left: -56px;
    margin-top: 7px;
}
.data-protection .number, .terms-of-service .number, .terms-general .number, .privacy-policy .number, .takedown-guidance .number {
    display: block;
    font-size: 16px;
    line-height: 1.19;
    color: #eb4444;
}
.data-protection .text,
.terms-of-service .text,
.terms-general .text,
.privacy-policy .text,
.takedown-guidance .text,
.takedown-guidance p,
.contact-us .contact-new-txt,
.contact-us p {
    font-size: 15px;
    line-height: 1.6;
    color: #667;
}
.data-protection .text b {
    font-family: 'source_sans_prosemibold', sans-serif;
    font-size: 15px;
    font-weight: normal;
}
.data-protection a {
    color: #d22400;
}
.data-protection ul {
    padding-left: 15px;
}
.data-protection ul li {
    color: #667;
    font-size: 15px;
    line-height: 1.73;
    list-style-type: disc;
    padding-left: 3px;
}
.data-protection .download-button {
    background: #d90007;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    padding: 10px 40px;
    position: relative;
    margin-top: 10px;
    width: 100px;
}
.data-protection .download-button {
    display: block;
    text-align: center;
}
.data-protection .download-button .label {
    line-height: 20px;
}
.data-protection .download-button .loading-image {
    display: none;
}
.data-protection .download-button.loading .label {
    display: none;
}
.data-protection .download-button.loading .loading-image {
    display: inline-block;
    height: 28px;
    left: 50%;
    margin-left: -14px;
    margin-top: -4px;
    position: absolute;
    width: 28px;
    font-size: 0;
    line-height: 0;
}
.data-protection .download-button .loading-image img {
    width: 28px;
    height: 28px;
}
.data-protection .error-message {
    color: #d90007;
    margin-top: 5px;
}
.terms-of-service .terms-agent-info {
    background-image: none;
}
.contact-us .contact-new-title, .contact-us .contact-new-button, .contact-us a.contact-new-button {
    background-repeat:no-repeat;
    background-image: none;
}
.contact-us .contact-new-title {
    line-height: 28px;
    margin-bottom: 16px;
    display: inline-block;
    margin-left: 40px;
}
.contact-us .contact-new-title::before {
    content: '';
    background-image: url(../images/mega/contact-us-sprite@2x.png);;
    background-size: 80px auto;
    width: 28px;
    height: 28px;
    display: inline-block;
    position: absolute;
    margin-left: -40px;
}
.contact-new-title.legal::before {
    background-position: -4px -312px;
}
.contact-new-title.copyright::before {
    background-position: -4px -119px;
}
.contact-new-title.improvements::before {
    background-position: -4px -280px;
}
.contact-new-title.report-a-bug::before {
    background-position: -4px -216px;
}
.contact-new-title.media::before {
    background-position: -4px -344px;
}
.contact-new-title.get-support::before {
    background-position: -4px -87px;
}
.contact-new-title.report-objectionable-material::before {
    background-position: -4px -151px;
}
.contact-new-title.privacy::before {
    background-position: -4px -184px;
}
.contact-new-title.security::before {
    background-position: -4px -248px;
}
.contact-new-title.suggest-improvements::before {
    background-position: -4px -280px;
}
.contact-new-title.other-ip-issues::before {
    background-position: -4px -376px;
}
.contact-new-title.corporate-office::before {
    background-position: -4px -409px;
}
.contact-new-title.corporate-mail::before {
    background-position: -4px -441px;
}
.contact-new-title.other-group-companies::before {
    background-position: -4px -473px;
}
.contact-new-title.eu-representative::before, .contact-new-title.gdpr::before {
    background-position: -4px -505px;
}
.terms-of-service a, .terms-general a, .privacy-policy a, .takedown-guidance a, .contact-us a {
    color: #eb4444;
}
.contact-us a.contact-new-button {
    background: #F30C14;
    border: 1px solid #D90007;
    padding: 0px 20px 0 20px;
    line-height: 32px;
    height: 32px;
    border-radius: 4px;
    font-size: 14px;
    font-family: 'source_sans_prosemibold';
    margin: 16px 0 0 0;
    color: #fff;
    display: inline-block;
}
.contact-new-txt b {
    font-family: 'source_sans_prosemibold';
}
.terms-of-service .list, .terms-general .list, .privacy-policy .list, .takedown-guidance .list {
    margin-left: 18px;
}
.terms-of-service .sub-list, .terms-general .sub-list, .privacy-policy .sub-list, .takedown-guidance .sub-list {
    margin-left: 36px;
}
.terms-of-service .terms-general, .terms-general .terms-agent-info, .privacy-policy .terms-agent-info, .takedown-guidance .terms-agent-info {
    color: #333;
    display: block;
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 24px;
}
/* MEGAdrop page currently unsupported */
.mobile.megadrop .content{
    padding: 20px;
}
.mobile.megadrop h1 {
    font-family: 'source_sans_prolight', sans-serif;
    font-size: 36px;
    font-weight: 300;
    color: #222;
}
.mobile.overlay-info {
    box-sizing: border-box;
}
.mobile.overlay-info p {
    padding: 3px 0 18px 0;
    margin: 0;
    font-size: 14px;
    line-height: 21px;
    color: #555;
    white-space: normal;
/*    text-align: left;*/
}
.mobile.overlay-info p.error-message,
.mobile.main-block.error-overlay .title.bold {
    color: #d90007;
}
.mobile.overlay-info p.bold {
    font-family: 'source_sans_prosemibold';
    font-weight: normal;
}
.mobile.overlay-info strong {
    font-family: 'source_sans_prosemibold';
    font-weight: normal;
}
.mobile.grey-textarea {
    box-sizing: border-box;
    background-color: #fafafa;
    padding: 10px;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    height: 78px;
    margin: 0 0 12px 0;
    border-radius: 2px;
    border: 1px solid #eee;
    display: block;
    resize: none;
    font-family: 'source_sans_proregular';
}
.mobile.grey-textarea.decryption-password {
    height: auto;
}
.mobile.grey-textarea::-webkit-input-placeholder {
    color: #8b8a8b;
}
.mobile.grey-textarea:-moz-placeholder {
    color: #8b8a8b;
    opacity: 1;
}
.mobile.grey-textarea::-moz-placeholder {
    color: #8b8a8b;
    opacity: 1;
}
.mobile.grey-textarea::-ms-input-placeholder {
    color: #8b8a8b;
}
.mobile.decrypt-button .decrypting-spinner {
    display: none;
}
.mobile.decrypt-button.decrypting .decrypt-text {
    display: none;
}
.mobile.decrypt-button.decrypting .decrypting-spinner {
    display: inline-block;
    height: 28px;
    top: 50%;
    left: 50%;
    margin-left: -14px;
    margin-top: -14px;
    position: absolute;
    width: 28px;
    font-size: 0;
    line-height: 0;
}
.mobile.decrypt-button.decrypting .decrypting-spinner img {
    width: 28px;
    height: 28px;
}
.mobile.decrypt-button.decrypting.ios {
    background-color: #EB4444;
    cursor: default;
    opacity: 0.6;
}
.mobile.decrypt-button.decrypting.ios .decrypting-spinner {
    display: none;
}

/* Pro payment page step 2 */
.payment-address-dialog .main-title {
    margin:0 0 32px 0;
}
.payment-address-dialog .main-title.free-trial {
    margin-top: -10px;
    margin-bottom: 8px;
    font-family: LatoWebBold, serif;
    font-size: 16px;
    line-height: 24px;
}
.mobile.membership-step2 .external-payment-options,
.mobile.membership-step2 .local-currency-tip {
    color: #667;
    font-size: 14px;
    line-height: 22px;
    margin-top: 48px;
    text-align: center;
}
.mobile.membership-step2 .local-currency-tip {
    margin-top: 0;
}
.mobile.membership-step2 .external-payment-options a {
    color: #F0373B;
}
.mobile.membership-step2 .payment-options-container {
    background-color: #fff;
    padding: 0 20px 72px 20px
}
.mobile.membership-step2 .payment-options {
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
}
.payment-address-dialog .white-container-box::before, .astropay-dialog .mobile.fm-dialog-close::before, .payment-address-dialog .mobile.fm-dialog-close::before {
    position:absolute;
    left: 0;
    top:0;
    content: '';
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.05);
    border-radius: inherit;
}
.mobile.payment-address-dialog .mega-input input,
.mobile.payment-address-dialog .mega-input.title-ontop .mega-input-title,
.mobile.payment-address-dialog .mega-input.title-ontop.valued .mega-input-title {
    color: var(--text-color-black-medium);
}
.mobile.payment-address-dialog .white-container-box::before {
    content: none;
}
.mobile.remember-billing-info-wrapper {
    margin: 24px 0;
    overflow: hidden;
    padding: 0 24px;
}

.mobile.remember-billing-info-wrapper .radio-txt {
    padding-top: 0px;
}

.payment-options .pro-gray-block, .payment-options .third-section {
    position: relative;
}

.mobile.payment-options .plan-name {
    color: #676D75;
    font-family: 'LatoWebBold', 'source_sans_proregular', sans-serif;
    font-size: 15px;
    margin: 0 0;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
.mobile.payment-options .mobile.small-text {
    padding-top: 16px;
    opacity: 0.4;
    font-size: 14px;
}
.mobile.payment-options-container #pr-payment-card-mob {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--text-color-low);
    margin-top: 22px;
    width: 100%;
    max-width: 768px;
}
.mobile.payment-options-container #pr-payment-card-mob .discount-title {
    display: flex;
    height: 50px;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    line-height: 36px;
    background: var(--discount-main);
    color: var(--text-color-white-high);
}
.mobile.payment-options-container #pr-payment-card-mob .card-head {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--text-color-low);
    align-items: center;
    padding: 40px 80px;
    text-align: center;
    font-family: LatoWebLight, sans-serif;

}
.mobile.payment-options-container #pr-payment-card-mob .card-head .title {
    font-weight: 300;
    font-size: 32px;
    line-height: 36px;
}
.mobile.payment-options-container #pr-payment-card-mob .card-head .free-trial-title {
    color: rgba(253, 62, 56, 1);
}
.mobile.payment-options-container #pr-payment-card-mob .card-head .price-row {
    display: flex;
    font-family: LatoWeb, sans-serif;
    font-size: 38px;
    line-height: 36px;
    font-weight: 400;
    margin: 32px 0 16px;
}

.mobile.payment-options-container #pr-payment-card-mob.discount .card-head .discount-price-row {
    text-decoration: line-through;
    margin-top: 12px;
    margin-bottom: -20px;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
}
.mobile.payment-options-container #pr-payment-card-mob.discount .card-head .price-row .price,
.mobile.payment-options-container #pr-payment-card-mob.discount .card-head .price-row .asterisk {
    color: var(--discount-main);
}
.mobile.payment-options-container #pr-payment-card-mob .card-head .price-row .payment-cycle {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    align-self: flex-end;
    white-space: pre;
}
.mobile.payment-options-container #pr-payment-card-mob .card-head .extra-info {
    font: var(--text-body1)
}
.mobile.payment-options-container #pr-payment-card-mob .card-body {
    font: var(--text-body1);
    display: flex;
    flex-direction: column;
    padding: 19px 16px;
}
.mobile.payment-options-container #pr-payment-card-mob .card-body .feature {
    display: flex;
    align-items: flex-start;
}
.mobile.payment-options-container #pr-payment-card-mob .card-body .feature i {
    --icon-size: 24px;
    color: rgba(253, 62, 56, 1);
}
.payment-address-dialog .main-title {
    font-size: 17px;
}
.wire-transfer-dialog .main-title {
    color: #222222;
    font-size: 17px;
    font-family: "LatoWebBold", serif;
    margin: 20px 0 0 0;
    text-align: center;
}
.mobile.membership-step2 .subscription-instructions {
    border-color: rgba(204, 204, 204, 1);
    color: var(--text-color-high);
}
.mobile.membership-step2 .membership-st2-head {
    margin: 30px 0 20px 0;
    color: #495057;
    display: block;
    font-size: 15px;
    line-height: 24px;
    font-family: 'LatoWebBold', 'source_sans_proregular', sans-serif;
}
.mobile.membership-step2 .options-list {
    margin: 0 -8px;
    font-size: 0;
}
.payment-method.template, .payment-duration.template {
    display: none;
}
.payment-options-list .payment-method.disabled {
    cursor: auto;
    opacity: 0.5;
}
.pro-payment-block .half-sized {
    vertical-align: top;
    width: 50%;
    width: calc(50% - 16px);
    padding: 0;
    margin: 8px;
    position: relative;
    box-sizing: border-box;
}
.pro-payment-block .radio-wrap {
    position: relative;
}

.mobile.membership-step2 .membership-radio {
    position: absolute;
    background-color: transparent;
    border-radius: 4px;
    display: block;
    height: 100%;
    vertical-align: middle;
    width: 100%;
    left: 0;
    top: 0;
    transition: all 200ms ease-in-out;
    margin: 0;
    padding: 0;
}
.mobile.membership-step2 .provider-name {
    max-width: none;
    display: block;
}
.mobile.membership-step2 .provider-icon + .provider-name {
    margin-bottom: -6px;
}
.mobile.membership-step2 .membership-radio::before,
.mobile.membership-step2 .membership-radio::after {
    display: none;
}
.mobile.membership-step2 .membership-radio.checked {
    background-color: #F2FCFA;
    box-shadow: 0 0 0 1px #ABEAE1;
}

.mobile.membership-step2 .radio-label {
    color: #333333;
    display: block;
    font-family: 'LatoWeb', Arial;
    font-size: 14px;
    line-height: 26px;
    vertical-align: middle;
    margin: 20px 15px;
    text-align: center;
    position: relative;
}
.mobile.membership-step2 .radio-label strong {
    font-family: 'LatoWebBold', Arial;
    font-weight: normal;
    display: block;
}
.mobile.membership-step2 .radio-label.credit-card {
    background-position: -444px -524px;
}
.mobile.membership-step2 .duration-options-list .radio-label,
.mobile.membership-step2 .renewal-options-list .radio-label {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #495057;
    font-size: 15px;
}
.mobile.membership-payment-pad {
    overflow: auto;
    margin-bottom: 24px;
}
.mobile.membership-step2 .duration-options-list .save-money {
    color: #fff;
    font-size: 12px;
    display: inline-block;
    line-height: 20px;
    background: #00BFA5;
    padding: 4px 8px;
    border-radius: 4px;
    position: absolute;
    left: 50%;
    margin-left: -56px;
    max-width: 124px;
    min-width: 100px;
    margin-top: -12px;
    text-align: center;
}
.mobile.membership-step2 .provider-icon {
    margin: 6px auto 10px auto;
}
.mobile.membership-step2 .provider-icon.voucher,
.mobile.membership-step2 .provider-icon.ecpVI,
.mobile.membership-step2 .provider-icon.ecpMC
{
    margin: 0 auto 4px auto;
    background-image: url(../images/mobile/mobile-sprite.png);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}
.mobile.membership-step2 .provider-icon.voucher {
    background-position: -94px -1075px;
}
.mobile.membership-step2 .provider-icon.ecpVI {
    background-position: -199px -1516px;
}
.mobile.membership-step2 .provider-icon.ecpMC {
    background-position: -243px -1516px;
}
.mobile.membership-step2 .provider-icon.stripeMC,
.mobile.membership-step2 .provider-icon.stripeVI {
    width: 32px;
    height: 32px;
    margin: 0 0 4px;
    background-size: 32px;
}
.mobile.membership-step2 .provider-icon.stripeVI {
    background-position: 0 -5375px;
}
.mobile.membership-step2 .provider-icon.stripeMC {
    background-position: 0 -3264px;
}
.mobile.membership-step2 .provider-icon.stripeDD,
.mobile.membership-step2 .provider-icon.stripeUP,
.mobile.membership-step2 .provider-icon.stripeJC,
.mobile.membership-step2 .provider-icon.stripeAE {
    height: 32px;
    width: 32px;
    background-size: 32px;
    margin: 0 0 4px;
}
.mobile.membership-step2 .provider-icon.svgicon {
    height: 32px;
    width: 32px;
    margin: 0 0 4px;
}
.mobile.membership-step2 .provider-icon.svgicon i {
    --icon-size: 32px;
    position: static;
}
.mobile.membership-step2 .charge-information-container {
    margin-bottom: 6px;
}
.mobile.membership-step2 .charge-information {
    color: #00A58F;
    font-size: 14px;
    line-height: 19px;
    padding: 18px 0;
    letter-spacing: initial;
    text-align: center;
    border-radius: 8px;
}
.mobile.membership-step2 .membership-bott-button {
    cursor: pointer;
    font-size: 15px;
    margin: 0;
    text-align: center;
    text-transform: capitalize;
    float: none;
    display: block;
    box-sizing: initial;
    height: 44px;
    line-height: 43px;
    min-width: 0;
    transition: initial;
    font-family: 'latoWeb';
}
.mobile.membership-step2 .payment-info {
    font-family: 'LatoWeb', Arial;
    color: #666;
    font-size: 14px;
    color: #667;
    font-size: 14px;
    line-height: 22px;
    padding: 0 0 30px 0;
}
.mobile.membership-step2 .right-banner-block {
    display: inline-block;
}
.mobile.membership-step2 .third-section {
    text-align: center;
}
.mobile .payment-section .button.purchase {
    margin-top: 20px;
}
.mobile .payment-section .options-list .loading-placeholder-text {
    padding: 0 8px;
}
.big-green-button {
    display: inline-block;
    padding: 0 20px;
    min-width: 200px;
    border-radius: 4px;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    white-space: nowrap;
    font-family: 'LatoWeb', Arial;
    overflow: visible;
    background: #F0373A;
    color: white;
    box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.2);
    height: 48px;
    line-height: 48px;
    letter-spacing: 0;
    font-size: 18px;
    margin: 0;
    background-color: #00BFA5;
    border: 0;
}

.fm-dialog-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 98;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(20,20,20,0.5) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,0.1)), color-stop(100%, rgba(20,20,20,0.5)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(20,20,20,0.5) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(20,20,20,0.5) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(20,20,20,0.5) 100%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%, rgba(20,20,20,0.5) 100%);
    top: 0;
    left: 0;
}
.fm-dialog-overlay.payment-dialog-overlay {
    background: rgba(34,34,34,0.2);
}
/* Payment loading / processing animations and confirmation success/failure screens */
.payment-animation-pad {
    width: 100%;
    position: absolute;
    top: 50%;
    margin: -119px 0 0 0;
    text-align: center;
    z-index: 1100;
}
.payment-animation {
    width: 146px;
    height: 164px;
    display: inline-block;
}
.payment-animation-txt {
    padding: 45px 0 0 0;
    color: white;
    font-size: 20px;
    line-height: 24px;
    font-family: 'source_sans_proregular', Arial
}
.payment-result-pad, .feedback-result-pad {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    margin: -172px 0 0 0;
    z-index: 2200;
}
.feedback-result-pad {
    margin: -152px 0 0 0;
}
.feedback-result-pad .payment-result-header {
    padding-bottom: 45px;
}
.payment-result.pending .payment-result-txt {
    margin: 0 auto;
    max-width: 700px;
}
.payment-result.pending .payment-result-txt > a {
    color: #fff;
    text-decoration: underline;
}
.failed .payment-result-txt {
    padding-bottom: 39px;
}
.payment-result-icon {
    display: none;  /* Disable for now as not enough room */
    width: 130px;
    height: 130px;
    margin: 0 auto;
    background: url(../images/mega/bitcoin.png) -33px -1048px no-repeat;
    margin-bottom: 47px;
}
.failed .payment-result-icon {
    background-position: -24px -1222px;
    width: 150px;
    margin-bottom: 43px;
}
.payment-result-button, .feedback-result-button, .complete-upgrade-button, .choose-plan-button {
    display: inline-block;
    min-width: 240px;
    font-size: 16px;
    padding: 0 15px;
    height: 48px;
    border: 2px solid rgba(19,224,60,0.7);
    border-radius: 8px;
    color: rgba(19,224,60,1);
    line-height: 44px;
    box-sizing: border-box;
    transition: all 200ms ease-in-out;
    cursor: pointer;
    text-transform: uppercase;
}
.payment-result-button:hover, .feedback-result-button:hover, .complete-upgrade-button:hover, .choose-plan-button:hover {
    color: #2e2e2e;
    background-color: rgba(19,224,60,1);
    border-color: rgba(19,224,60,1);
}
.failed .payment-result-button {
    color: rgba(255,211,0,1);
    border: 2px solid rgba(255,211,0,0.7);
}
.failed .payment-result-button:hover {
    color: #2e2e2e;
    background-color: rgba(255,211,0,1);
    border-color: rgba(255,211,0,1);
}
.payment-close, .overlay-close {
    width: 50px;
    position: absolute;
    z-index: 2300;
    top: 14px;
    right: 0;
}
.payment-close-icon, .overlay-close-icon {
    background: url(../images/mega/bitcoin.png) -183px -791px no-repeat;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    opacity: 0.7;
    transition: all 200ms ease-in-out;
    cursor: pointer;
    position: static;
}
.payment-close-icon:hover, .overlay-close-icon:hover {
    opacity: 1;
}
.payment-close span, .overlay-close span {
    display: block;
    text-align: center;
    font-size: 13px;
    color: rgba(255,255,255,0.3);
    padding-top: 2px;
}

/* Dialog Styling */
.mobile.generic-dialog-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1200;
    background-color: rgba(0,0,0,0);
    display: table;
}
.mobile.generic-dialog-overlay .overlay-info {
    margin: 0;
    padding: 0;
}
.mobile.generic-dialog-overlay .initial-message a {
    font-family: 'source_sans_prosemibold';
    color: #eb4444;
}
.mobile.check-email-dialog {
    position: relative;
    width: 100%;
    width: calc(100% - 32px);
    margin: 0 auto;
    max-width: 420px;
    height: auto;
    border-radius: 2px;
    padding: 16px;
}
.mobile.header-icon {
    width: 36px;
    height: 36px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    background: url(../images/mobile/mobile-sprite@2x.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    background-size: 280px auto;
}
.mobile.header-icon.gray-mega {
    background-position: -126px -14px;
}
.mobile.header-icon.red-mega {
    background-position: -91px -1073px
}
.mobile.generic-dialog-overlay .overlay-info p {
    text-align: center;
}
.mobile.check-email-dialog .fm-header {
    display: block;
}
.mobile.check-email-dialog .first-message {
    font-family: 'source_sans_prosemibold';
    text-align: center;
    margin: 16px 0 8px;
    font-size: 17px;
    line-height: 22px;
    color: #444;
}
.mobile .red-email {
    font-family: 'source_sans_prosemibold';
    color: #eb4444;
}
.mobile.check-email-dialog .fm-icon.close {
    margin-top: 16px;
    margin-left: 10px;
}
.mobile.check-email-dialog .fm-row,
.mobile.check-email-dialog .fm-content {
    display: block;
}

/* Node name control */
.new-name-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

.mobile.center-block {
    vertical-align: middle;
    display: table-cell;
}

.two-factor-page .warning-text-field,
.mobile.verify-number .warning-text-field {
    opacity: 0.75;
    color: #131313;
    font-size: 12px;
    line-height: 15px;
    padding: 16px 0 16px 31px;
}
.mobile .two-factor-page .warning-text-field, .mobile.verify-number .warning-text-field {
    color: #eb4444;
    padding-left: 0;
    text-align: center;
}
.mobile .two-factor-page.verify-login-page .warning-text-field, .mobile.verify-number .warning-text-field {
    text-align: center;
}
/* AstroPay dialog */
.mobile.main-block.astropay-dialog {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1200;
}
.astropay-dialog .mobile.content-cell {
    text-align: initial;
    width: 40%;
}
.astropay-dialog-body {
    padding: 24px 36px;
}
.astropay-dialog .main-title {
    color: #333;
    font-family: "source_sans_prolight", sans-serif;
    font-size: 32px;
    line-height: 40px;
}
.astropay-information, .astropay-instructions {
    color: #667;
    font-size: 16px;
    line-height: 26px;
}
.astropay-dialog .astropay-information {
    margin-top: 24px;
}
.astropay-dialog .provider-name {
    font-family: "source_sans_prosemibold", sans-serif;
}
.astropay-dialog .provider-icon {
    margin: 0 2px;
}
.astropay-instructions {
    margin-top: 30px;
}
.astropay-dialog .grey-container-box {
    background-color: #f6f7f8;
    padding: 25px 23px;
}
.astropay-dialog .white-container-box {
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #fff;
    box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.15);
    padding: 13px;
}
.astropay-dialog .container-box-title {
    padding-top: 0;
    color: #999;
    font-family: "source_sans_prolight", sans-serif;
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 24px;
    margin-left: 12px;
    margin-top: 12px;
}
.astropay-dialog .mobile.signin-input {
    background-color: #F8F8F8;
    height: 60px;
    padding: 17px 55px 0 12px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 2px;
}
.astropay-dialog .powered-by-astropay {
    display: block;
    margin: 40px auto 13px auto;
}
.astropay-dialog .accept {
    color: #fff;
    padding: 0 15px 0 15px;
    font-size: 15px;
    line-height: 48px;
    border-radius: 2px;
    display: block;
    background-color: #ff4444;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    text-transform: lowercase;
    margin-top: 40px;
}
.astropay-dialog .accept:first-letter {
    text-transform: uppercase;
}
.astropay-dialog .disabled {
    background-color: #eb4444;
}
.astropay-dialog .mobile.fm-dialog-close, .payment-address-dialog .mobile.fm-dialog-close {
    border-radius: 50%;
    background-color: white;
    background-position: -78px -1140px;
    height: 38px;
    opacity: initial;
    position: fixed;
    width: 38px;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
}
.payment-address-dialog .mobile.fm-dialog-close {
    opacity: 0;
}
/* Credit card billing address dialog */
.payment-address-dialog,
.wire-transfer-dialog {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1200;
}
.payment-address-dialog .mobile.content-cell,
.wire-transfer-dialog .mobile.content-cell {
    width: 50%;
    text-align: initial;
}
.payment-address-dialog-body {
    padding: 24px 20px;
}
.payment-address-dialog .container-box-title,
.wire-transfer-dialog .container-box-title {
    margin: 12px 20px 24px;
}
.payment-address-dialog .payment-note-first,
.wire-transfer-dialog .payment-note-first {
    color: #495057;
    font-size: 14px;
    line-height: 22px;
    white-space: normal;
}
.payment-address-dialog .payment-note-first.free-trial {
    line-height: 20px;
    color: var(--text-color-medium);
    margin-bottom: -18px;
}
.wire-transfer-dialog .wiretransfer-note-first {
    color: #676D75;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    white-space: normal;
}
.payment-address-dialog .payment-note-first a {
    color: #ff4444;
    text-decoration: underline;
}
.payment-address-dialog .payment-note-first b {
    color: #333;
    font-family: "source_sans_proregular", sans-serif;
    font-weight: normal;
}
.payment-address-dialog .grey-container-box .container-box-block {
    margin: 0 20px;
}
.payment-address-dialog .mobile.fm-icon.close {
    margin-top: 14px;
    margin-right: 8px;
    margin-left: 6px;
}
.payment-address-dialog .default-select {
    float: none;
    margin: 0 0 12px;
    min-width: 0;
    width: 100%;
}
.wire-transfer-dialog .grey-container-box {
    background-color: rgba(0, 191, 165, 0.02);
    border-color: rgba(0, 191, 165, 0.2);
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.wire-transfer-dialog .grey-container-box.second {
    margin-top: 16px;
}
.mobile.wire-transfer-dialog .wire-transfer-details {
    font-family: LatoWeb, serif;
    font-size: 13px;
    color: #262F3B;
    margin: 14px 15px 16px 18px;
    line-height: 24px;
}
.mobile.wire-transfer-dialog .wire-transfer-details td {
    padding: 0;
}
.wire-transfer-bold {
    font-family: LatoWebBold, serif;
}
.mobile.wire-transfer-dialog .wire-transfer-options {
    font-family: LatoWeb, serif;
    font-size: 13px;
    color: #262F3B;
    margin: 12px 16px 40px 17px;
    line-height: 21px;
}
/* This is to undo all the styling caused by other classnames. I will go through and tidy up the classes after. */
.mobile.main-block.payment-address-dialog {
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    width: initial;
    height: initial;
    position: fixed;
    border-radius: 16px;
    max-width: 540px;
    margin: auto;
}
/* Styling for jQueryUI selectmenu in use with address dialog */
.ui-selectmenu-button {
    margin: 12px 0 0 0;
}
#address-dialog-countries-button {
    display: block;
    float: none;
}
#address-dialog-states-button {
    display: block;
    float: none;
    margin-top: 5px;
}
.ui-selectmenu-button.ui-selectmenu-disabled {
    cursor: initial;
    opacity: 0.5;
}
.ui-selectmenu-button.error::before {
    box-shadow: 0 0 0 1px #ff4444;
}
.ui-front {
    z-index: 10000;     /* Display above the dialog */
}
.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    border-radius: 4px;
    box-shadow: 0px 0px 0px 4px rgba(217, 217, 217, 1);
    overflow: hidden;
}
.ui-selectmenu-open {
    background: #fff;
    display: block;
}
#address-dialog-states-menu, #address-dialog-countries-menu {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    color: #888787;
    display: block;
    font-family: "source_sans_proregular", Arial;
    font-size: 12px;
    list-style: outside none none;
    max-height: 200px;
    outline: 0 none;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 0;
}
#address-dialog-states-menu {
    min-width: 283px;
}
#address-dialog-states-menu .ui-menu-item, #address-dialog-countries-menu .ui-menu-item {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #666666;
    cursor: pointer;
    font-weight: normal;
    height: 32px;
    box-sizing: border-box;
    line-height: 31px;
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    text-align: left;
    padding: 0;
    font-size: 14px;
}
#address-dialog-states-menu .ui-menu-item.ui-state-disabled, #address-dialog-countries-menu .ui-menu-item.ui-state-disabled {
    display: none;
}
#address-dialog-states-menu .ui-menu-item-wrapper, #address-dialog-countries-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 0 30px 0 10px;
}
#address-dialog-states-menu .ui-state-active, #address-dialog-countries-menu .ui-state-active {
    background-color: #f2f2f2;
}
.default-select, .ui-selectmenu-button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    float: right;
    padding: 0 30px 0 10px;
    color: gray;
    cursor: pointer;
    margin: 0 16px 12px;
    height: 48px;
    font-size: 14px;
    line-height: 49px;
    min-width: 150px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 4px;
    border: 1px solid #eee;
    background-image: url(../images/mobile/mobile-sprite.png);
    background-repeat: no-repeat;
    background-position: right -2350px;
    box-sizing: border-box;
    position: relative;
    text-align: left;
}
.default-select.error {
    border-color: #e54c51;
}
.ui-selectmenu-button {
    background-position: right -2349px;
}
.ui-selectmenu-button::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 48px;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
    left: 0;
}
.default-select::before {
    content: '';
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 2px;
    top: 4px;
}
.default-select span, .ui-selectmenu-button span {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
}
/* End custom jQueryUI selectmenu styling */

.payment-address-dialog .default-select.error {
    border: 1px solid #ff4444;
    box-shadow: none;
    box-sizing: border-box;
}
.payment-address-dialog .payment-short-bl {
    float: left;
    width: 50%;
    padding-right: 7px;
    box-sizing: border-box;
}
.payment-address-dialog .payment-short-bl.second {
    padding: 0 0 0 7px;
}
.payment-address-dialog .payment-short-bl.triplex {
    width: 33.333333%;
    padding-right: 7px;
}
.payment-address-dialog .payment-short-bl.triplex.second {
    padding: 0 7px;
}
.payment-address-dialog .payment-short-bl.triplex.third {
    padding: 0 0 0 7px;
}
.payment-address-dialog .payment-short-bl .default-select {
    width: 100%;
    float: none;
    margin: 19px 0 0 0;
}
.payment-address-dialog .account-select-txt:first-letter {
    text-transform: uppercase;
}
.payment-address-dialog .payment-buy-now {
    margin: 0 20px;
    width: calc(100% - 40px);
}
.payment-address-dialog .payment-buy-now:first-letter {
    text-transform: uppercase;
}
.payment-address-dialog .error-message {
    color: #ff4444;
    margin-top: 16px;
    text-align: center;
    font-size: 14px;
}
.payment-address-dialog .states.disabled {
    cursor: default;
    opacity: 0.5;
}
.payment-address-dialog .redirect-information-container {
    position: relative;
    margin: 12px 20px;
}
.payment-address-dialog .redirect-information {
    background-color: #f7f8fa;
    color: #939da3;
    font-size: 14px;
    line-height: 21px;
    padding: 12px 16px;
    text-align: center;
}
.fm-dialog {
    position: fixed;
    z-index: 1200;
    border: 2px solid rgba(0,0,0,0.15);
    background-color: white;
    border-radius: 8px;
    left: 50%;
    top: 50%;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-sizing: border-box;
}
/* End of Credit card billing address dialog */

/* Copyright warning dialog */
.copyright-warning-message {
    display: flex;
    flex-direction: column;
}
.copyright-warning-message > *:not(:last-child) {
    margin-bottom: 16px;
}
/* End of Copyright warning dialog */

/* OBQ sheet dialog */
.obq-sheet-contents {
    display: flex;
    flex-direction: column;
    padding-bottom: 4px;
}
.obq-sheet-contents > *:not(:last-child) {
    padding-bottom: 16px;
}
.obq-sheet-contents .blurb-text {
    display: flex;
    flex-direction: column;
}
.obq-sheet-contents .blurb-text > *:not(.upgrade-option):not(.bullet-separator):not(:last-child) {
    padding-bottom: 8px;
}
.obq-sheet-contents .learn-more {
    padding-top: 8px;
}
.obq-sheet-contents .countdown {
    font-weight: var(--mobile-font-weight-bold);
}
.obq-sheet-contents a {
    color: var(--mobile-link-primary);
    text-decoration: underline;
}
/* End of OBQ sheet dialog */

/* Storage quota full/almost full dialog */
.storage-dialog-contents,
.storage-dialog-contents .title-and-percent-used {
    display: flex;
    flex-direction: column;
}
.storage-dialog-contents > *:not(:last-child),
.storage-dialog-contents .title-and-percent-used > *:not(:last-child) {
    padding-bottom: 16px;
}
.storage-dialog-contents .title-and-percent-used {
    font: var(--mobile-font-heading-h2);
}
.storage-dialog-contents .disclaimer-text {
    padding-top: 4px;
    font: var(--mobile-font-caption-small-regular);
}

.storage-dialog-contents a.clickurl {
    color: var(--mobile-link-primary);
    text-decoration: underline;
}
/* End of Storage quota full/almost full dialog */

.mobile.loginrequired-dialog {
    position: fixed;
    z-index: 101;
    background-color: rgba(250, 250, 250, 0.95);
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.mobile.loginrequired-dialog .information {
    font-size: 16px;
    line-height: 20px;
    color: #667;
    white-space: normal;
    letter-spacing: 0.2px;
    padding: 0 0 0 0;
    margin: 20px 15px 30px 15px;
}
.mobile.top-menu-popup .top-icon.close {
    background: url(../images/mobile/mobile-sprite.png);
    background-position: -65px -1143px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 40px;
    margin: 13px 0 0 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    right: 14px;
    top: 0;
    width: 42px;
    z-index: 10;
}
.top-menu-popup .top-icon.close::before {
    background: none;
}

/* Hide menu items which are not ready for mobile yet */
.top-menu-content .not-mobile-ready {
    display: none;
}
/* Language menu */
.language-template {
    display: none;
}
.top-menu-item.submenu-item.languages::before {
    background: none;
}
.top-menu-item.current {
    color: #d90007;
}
.submenu-item.expanded + .top-submenu.language-items {
    max-height: 1200px;
}
.top-submenu.language-items .top-menu-item .lang-name {
    display: inline-block;
}
.top-submenu.language-items .top-menu-item .beta-text {
    border: 1px solid rgba(192, 199, 203, 0.3);
    border-radius: 7px;
    box-sizing: border-box;
    color: #c0c7cd;
    display: none;
    font-size: 10px;
    font-style: normal;
    line-height: 18px;
    margin-left: 5px;
    padding: 0 4px;
    text-align: center;
    text-transform: uppercase;
}
.top-submenu.language-items .top-menu-item.beta .beta-text {
    display: inline-block;
}
.bottom-menu .copyrights {
    position: static;
    margin: 20px 0 0 0;
}

/* Hide transfer widget on the ProPay page after getting an overquota error from the download page */
.widget-block.active {
    display: none !important;
}

/* Previews and slideshow */
.mobile.slideshow-image-previewer {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 99;
    display: block;
    overflow-y: scroll;
}
.mobile.slideshow-image-previewer .content-row {
    display: table-row;
}
.mobile.slideshow-image-previewer .content-cell {
    background: rgba(0, 0, 0, 0.94);
    height: 100%;
    text-align: left;
    vertical-align: middle;
}
.mobile.slideshow-header {
    background-color: #fff;
    left: 0;
    position: fixed;
    text-align: left;
    top: 0;
    right: 0;
    font-size: 0;
    z-index: 1;
}
.mobile.slideshow-header .mobile.fm-dialog-close {
    position: static;
    display: inline-block;
    margin: 12px 7px 13px 10px;
    left: 0;
    top: 0;
    right: 0;
    vertical-align: middle;
}
.mobile.slideshow-text-right-block {
    display: inline-block;
    vertical-align: middle;
}
.mobile.slideshow-file-name {
    color: #222;
    display: inline-block;
    font-size: 20px;
    line-height: 25px;
    margin: 0;
    max-width: 233px;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
}
.mobile.slideshow-file-number-and-total {
    line-height: 25px;
    color: #a7a7a7;
    font-size: 14px;
}
.mobile.slideshow-wrapper {
    height: 100%;
    position: relative;
    overflow: hidden;
}
.mobile.slides img {
    background: var(--image-background);
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.mobile.slide-show-navigation {
    width: 100%;
    height: 100%;
}
.mobile.slideshow-back-arrow, .mobile.slideshow-forward-arrow {
    background-color: rgba(0, 0, 0, 0.6);
    height: 37px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 36px;
    margin-top: -18px;
    background-image: url(../images/mobile/mobile-sprite.png);
    background-position: -148px -1897px;
    background-repeat: no-repeat;
    z-index: 10;
}
.mobile.slide-show-navigation .slideshow-forward-arrow {
    left: auto;
    right: 0;
    background-position: -205px -1897px;
}
.mobile.slideshow-image-previewer .content-row.third {
    background-color: #fff;
    display: table-row;
}
.mobile.slideshow-buttons {
    background-color: #fff;
    bottom: 0;
    left: 0;
    overflow: hidden;
    padding: 0 10px;
    position: fixed;
    right: 0;
    z-index: 1;
    border-top: 1px solid #eee;
}

/* Download Page Image Viewer */
.download-previewer .mobile.slideshow-header .slideshow-file-number-and-total,
.download-previewer .mobile.slideshow-buttons,
.download-previewer .mobile.slide-show-navigation .slideshow-back-arrow,
.download-previewer .mobile.slide-show-navigation .slideshow-forward-arrow,
.download-previewer .mobile.slide-show-navigation .slideshow-forward-arrow {
    display: none;
}
.downloading .download-previewer .mobile.content-row,
.downloading .download-previewer .mobile.content-cell,
.download-complete .download-previewer .mobile.content-row,
.download-complete .download-previewer .mobile.content-cell,
.download-complete .download-previewer .mobile.slideshow-wrapper {
    display: block;
}
.mobile.slideshow-image-previewer.fullscreen {
    position: fixed;
}
.mobile.slideshow-image-previewer.browserscreen .slideshow-header {
    display: none;
}

.mobile.left-buttons {
    display: inline-block;
    float: left;
}
.mobile.right-buttons {
    display: inline-block;
    float: right;
}
.mobile.slideshow-buttons .fm-icon {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 60px;
}
.mobile.slideshow-buttons .fm-icon.delete-button {
    background-position: -195px -1818px;
}
.mobile.slideshow-buttons .fm-icon.download-button {
    background-position: -42px -1615px;
}
.mobile.slideshow-buttons .fm-icon.manage-link-button {
    background-position: 9px -1698px;
}
.mobile.slides {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    transition: left 200ms ease-in-out;
    background: rgba(0, 0, 0, 1);
}
.mobile.slideshow-image-previewer.browserscreen .mobile.slides {
    background-color: white;
}
.pdf .mobile.slideshow-image-previewer.browserscreen .mobile.slides {
    background-color: #F7F7F7;
}
.mobile.slides.left {
    left: -100%;
}
.mobile.slides.mid {
    left: 0;
}
.mobile.slides.right {
    left: 100%;
}
/* Alert Banner */
.mobile.alert-banner {
    min-height: 60px;
    width: 100%;
    background-color: #2ba6de;
    display: flex;
    transition: margin-top .3s ease-in-out;
    margin-top: 0px;
    z-index: 98; /* 1 Less than titlebar as it needs to slide under when fixed.*/
}
.mobile.alert-banner.business {
    height:initial;
}
.mobile.fixed-alert-banner .mobile.alert-banner {
    position: fixed;
}
.mobile.fixed-alert-banner .mobile.folders-files-text {
    margin-top: 60px;
}
.mobile.alert-banner.closed {
    margin-top: -60px;
    display: none;
}
.mobile.alert-banner.warning {
    background-color: rgba(0252, 130, 23, 1);
}
.mobile.alert-banner.error {
    background: rgba(255, 69, 69, 1);
}
.mobile.alert-banner .alert-close {
    /*height: 60px;*/
    width: 40px;
    float: right;
}
.mobile.alert-banner.business .alert-close {
    display:none;
}
.mobile.alert-banner .alert-text-container {
    position: relative;
    left: 10px;
    text-align: left;
    /*height: 50px;*/
    float: left;
    font-size: small;
    color: white;
    display: flex;
    align-items: center;
    line-height: 50px;
    padding: 5px;
}
.mobile.alert-banner.business .alert-text-container {
    float: none;
    position: initial;
}
.mobile.alert-banner .alert-text-container .alert-text {
    line-height: 18px;
}
.mobile.alert-banner .alert-text-container .alert-text a {
    color: white;
    text-decoration: underline;
    font-family: var(--text-font-family);
    font-weight: bold;
}
.mobile.alert-banner .alert-text-container .alert-text span {
    font-family: var(--text-font-family);
    font-weight: bold;
}
.mobile.alert-banner .alert-icon.close {
    /*height: 30px;*/
    width: 30px;
    /*margin-top: 15px;*/
    margin-right: 5px;
    background-position: -82px -1143px;
    transform: scale(0.8, 0.8);
}
/* Title DropDown Menu */
.mobile.title-menu-container {
    background: #fff;
    top: 66px;
    left: 0;
    padding-bottom: 10px;
    position: fixed;
    right: 0;
    z-index: 98;
    box-shadow: 0px 0px 65px 3px rgba(0,0,0,0.1);
    transition: opacity 100ms ease-in-out, top 200ms ease-in-out;
    opacity: 1;
    padding-left: 10px;
    border-radius: 0px 0px 10px 10px;
}
.mobile.title-menu-container.closed {
    display: block;
    top: 66px;
    overflow: hidden;
    opacity: 0;
    height: 0px;
}
.mobile.title-menu-container .title-menu-item {
    color: #676D75;
    cursor: pointer;
    font-size: 0;
    margin-top: 10px;
}
.mobile.title-menu-container .title-menu-item .text {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 40px;
}
.mobile.title-menu-container .title-menu-item:first-of-type {
    margin-top: 20px;
}
.mobile.title-menu-container .fm-icon {
    display: inline-block;
    margin-right: 8px;
    vertical-align: top;
}
.mobile.title-menu-container .light-grey-bar {
    background-color: #eee;
    height: 1px;
    margin-left: 50px;
    margin-top: 10px;
}
/* Cloud drive context menu */
body.mobile {
    background-color: var(--mobile-page-background);
}
.main-layout.fm-overlay,
.mega-overlay.active.arrange-to-back,
.mega-dialog.arrange-to-back {
    filter: var(--mobile-background-blur-medium);
}

/* Special hidden */
.mobile.context-menu-container.o-hidden {
    overflow: hidden;
    transition: opacity 200ms ease-in-out, transform 200ms ease-in-out;
    transform: translateY(calc(100% + 8px));
}
.mobile.context-menu-container.small {
    padding-left: 0;
    padding-bottom: 8px;
}
.mobile.context-menu-container.affliate-history {
    background: #fff;
    bottom: 0;
    left: 0;
    padding-bottom: 10px;
    position: fixed;
    right: 0;
    z-index: 1010;
    box-shadow: 0px 0px 65px 3px rgba(0,0,0,0.1);
    transition: opacity 200ms ease-in-out, bottom 200ms ease-in-out;
    opacity: 1;
    padding-left: 8px;
    margin: 0 8px 8px 8px;
    border-radius: 16px;
}
.mobile.context-menu-container .context-menu-item {
    color: #676D75;
    cursor: pointer;
    font-size: 0;
    margin-top: 10px;
    vertical-align: top;
}
.mobile.context-menu-container .text {
    font-size: 15px;
    line-height: 40px;
    display: inline-block;
    vertical-align: top;
}
.mobile.context-menu-container .active .text {
    color: #333;
}
.mobile.context-menu-container .light-grey-bar {
    background-color: #eee;
    height: 1px;
    margin-left: 60px;
    margin-top: 10px;
}
.mobile.context-menu-container.small .light-grey-bar {
    margin-bottom: 8px;
    margin-top: 0;
}
.mobile.context-menu-header {
    padding: 18px 20px 14px 20px;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    border-bottom: 1px solid #EEE;
    font-family: 'LatoWebBold', 'source_sans_probold', Arial;
}
.mobile.colored-label {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: inline-block;
    margin: 15px 24px 0 24px;
    background-color: #999999;
    vertical-align: top;
}
.mobile.colored-label.green {
    background-color: #00BFA5;
}
.mobile.colored-label.orange {
    background-color: #FF6F00;
}
.mobile.colored-label.red {
    background-color: #D90007;
}
#mobile-ui-contact-card .avatar-wrapper {
    line-height: 92px;
    font-size: 48px;
    color: #fff;
    margin-left: 3px;
    margin-top: 1px;
}
#mobile-ui-contact-card .main-avatar {
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
    overflow: auto;
    margin: 0 auto 20px;
}
#mobile-ui-contact-card .contact-verification {
    width: 36px;
    height: 36px;
    border: 2px solid #fff;
    background-color: #fff;
    position: absolute;
    right: 1px;
    bottom: 1px;
    border-radius: 20px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
#mobile-ui-contact-card .contact-verification i {
    width: 36px;
    height: 36px;

    background-image: url(../images/mobile/mobile-sprite.png);
    background-repeat: no-repeat;
    background-size: -280px -2232px;
    background-position: -50px -2162px;
    display: block;
    position: relative;
}
#mobile-ui-contact-card {
    top: 0;
    left: 0;
    z-index: 190;
    border: 0;
    position: fixed;
}
#mobile-ui-contact-card .mobile.logo {
    background-position: -94px -1073px;
}
#mobile-ui-contact-card .mobile.logo,
#mobile-ui-contact-card .mobile.fm-icon.top-icon.menu {
    display: block;
}

/* Help centre header */
.help-section.fm-header {
    background-color: #fff;
    box-shadow:  0 1px 4px 0 rgba(0,0,0,0.10);
}
.help-section .mobile.fm-header-txt {
    padding: 22px 0px 0 0px;
    margin: 0 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Get Support styling start */
.mobile.main-block.get-support {
    background-color: #fff;
}
/* Get Support styling end */

/* Only media queries after here */
@media only screen and (orientation:portrait) {
    .wrong-file .mobile.content-row, .downloading .mobile.content-row, .uploading .mobile.content-row {
        width: 100%;
        float: none;
    }
    .wrong-file .mobile.white-block, .downloading .mobile.white-block, .uploading .mobile.white-block {
        margin: 0;
        position: relative;
    }
    .mobile.fm-item-link:first-child {
        background-image: none;
    }
}

/* Generic page styling */
.mobile.main-block {
    background-color: #fff;
}
.mobile.main-block .normal-body-text {
    color: #818993;
    font-size: 15px;
    line-height: 24px;
    margin: 20px 24px;
}
.mobile .pad-sm {
    padding: 0 12px;
}
.mobile .mrgn-sm {
    margin: 0 12px;
}
.mobile .mrgn-md {
    margin: 0 24px;
}
.mobile .mrgn-b-sm {
    margin: 0 0 12px 0;
}
.mobile .mrgn-b-md {
    margin: 0 0 24px 0;
}
.mobile .pad-md {
    padding: 0 24px;
}
.mobile.main-block .red-heading{
    color: #eb4444;
    font-family: 'source_sans_prosemibold';
    font-size: 17px;
    line-height: 22px;
    margin: 0 24px 0 24px;
}
.mobile.main-block .sub-heading.gray{
    color: #666;
    font-family: 'source_sans_prosemibold';
    font-size: 15px;
    line-height: 22px;
    display: block;
    margin: 8px 0 12px 0;
}
select.mobile.dropdown-style {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    color: #666;
    background-color: #fafafa;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.mobile.select-wrapper::after {
    content: '';
    height: 16px;
    width: 16px;
    display: block;
    position: absolute;
    top: 45px;
    right: 38px;
    background-position: -110px -1972px;
    background-image: url(../images/mobile/mobile-sprite.png);
    background-repeat: no-repeat;
    transform: rotate(90deg);
    pointer-events: none;
}
.mobile.cta-button.red {
    background-image: linear-gradient(-179deg, #FF3333 0%, #FF4444 100%);
    background-color: linear-gradient(-179deg, #FF3333 0%, #FF4444 100%);
    border: 1px solid #D82928;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.11), inset 0 -7px 8px 0 rgba(241,6,6,0.40);
    color: #fff;
}
.mobile.cta-button.green {
    border: 1px solid #00A58F;
    background-image: linear-gradient(-180deg, #07BEB1 0%, #00BFA5 100%);
    border: 1px solid #00A58F;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.11), inset 0 2px 1px 0 rgba(255,255,255,0.20);
}
.mobile.cta-button.secondary {
    background-image: linear-gradient(-180deg, #FFFFFF 0%, #F8F8F8 100%);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.07), inset 0 1px 2px 0 rgba(255,255,255,0.20);
    border: 1px solid #E2E2E2;
    color: #676D75;
}
.mobile.cta-button.white {
    background-image: linear-gradient(-180deg, #FFFFFF 0%, #FDFDFD 100%);
    border: 1px solid #E2E2E2;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.07), inset 0 1px 2px 0 rgba(255,255,255,0.20);
    color: #676D75;
}
.mobile.cta-button.active {
    opacity: 1;
}
.mobile.cta-button {
    padding: 0;
    position: relative;
    font-size: 15px;
    text-align: center;
    line-height: 43px;
    color: #fff;
    height: 44px;
    transition: all 200ms ease-in-out;
    opacity: 0.3;
    border-radius: 4px;
    cursor: pointer;
    letter-spacing: .1px;
    margin: 0 auto;
    font-family: 'LatoWeb', 'source_sans_proregular', sans-serif;
    padding: 0 15px;
}
.securitypractice .mobile.cta-button {
    margin: 0 auto;
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
}
.securitypractice .mobile.cta-button span{
    white-space: normal;
}
.mobile.support-text-field {
    height: 200px;
    padding: 12px 16px;
    background-color: #fafafa;
    border: 1px solid #eee;
    display: block;
    border-radius: 2px;
    width: 100%;
    width: calc(100% - 32px);
    font-size: 14px;
    color: #666;
    line-height: 18px;
    font-family: 'source_sans_proregular', sans-serif;
}
textarea.mobile.support-text-field {
    font-family: 'source_sans_proregular', sans-serif;
}
.mobile.main-block .radio-button-form {
    display: block;
    position: relative;
    margin: 16px 24px;
}
.mobile.main-block .mobile.generic-content-block {
    background-color: #fff;
    position: relative;
}
.mobile.main-block form.inline-labels div {
    display: block;
    position: relative;
}
.mobile.main-block form.inline-labels label {
    font-size: 15px;
    float: none;
    margin: 0 24px 0 32px;
    display: block;
    padding: 0;
    color: #3F3F3F;
    margin-bottom: 17px;
}
.mobile.main-block form.inline-labels label.active {
    font-family: 'source_sans_prosemibold', sans-serif;
}

.support-form {
    position:relative;
}

.mobile.get-support-block {
    height: 100%;
}

/* Change email page */
.mobile.my-account-change-email-page .body-text {
    color: #818993;
    font: var(--text-body1);
    line-height: 24px;
    margin: 26px 24px 24px;
}
.mobile.my-account-change-email-page .email-input {
    display: flex;
    align-items: center;
    height: 48px;
    background-color: #f8f8f8;
    border: 1px solid #eee;
    padding: 0 16px 0 18px;
    box-sizing: border-box;
    position: relative;
    margin: 0 24px 24px;
    border-radius: 3px;
}
.mobile.my-account-change-email-page .email-input.email-new.error {
    border: 1px solid var(--stroke-error);
    margin-bottom: 6px;
}
.mobile.my-account-change-email-page .email-input.email-new + .email-input-error {
    display: none;
}
.mobile.my-account-change-email-page .email-input.email-new.error + .email-input-error {
    display: block;
    margin: 0 24px 24px;
    font: var(--text-body2);
    color: var(--text-color-error);
}
.mobile.my-account-change-email-page .email-input input {
    background-color: #F8F8F8;
    border: 0;
    padding: 0;
    margin: 0;
    color: var(--text-color-medium);
    font: var(--text-body1);
    height: 26px;
    width: 100%;
    display: block;
}
.mobile.my-account-change-email-page .email-input .email-new-input:focus {
    color: var(--text-color-high);
}
.mobile.my-account-change-email-page .email-input span {
    padding-right: 10px;
    --icon-size: 24px;
    --mask-color: var(--icon-inactive);
}
.mobile.my-account-change-email-page .update-email-button {
    margin: 8px 24px;
}
.mobile.my-account-change-email-page .email-change-step2 .step2-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.mobile.my-account-change-email-page .email-change-step2 span {
    display: block;
    text-align: center;
    font: var(--text-body1);
    color: var(--text-color-high);
    margin: 0 24px 12px;
}
.mobile.my-account-change-email-page .step2-text .email-change-header {
    font: var(--text-h3-bold);
}
.mobile.my-account-change-email-page .email-change-step2 button {
    margin: 8px 24px;
}

/* End Change email page */

.two-factor-qr-block {
    background-color: #fff;
    padding: 32px 0 26px 0;
    position: relative;
}
.verify-login-page .two-factor-qr-block {
    border-bottom: 1px solid #eee;
}
.mobile.main-block.forgot-password-page,
.mobile.main-block.recover-account-page {
    background-color: #fff;
}
.mobile.forgot-password-page .mobile.forgot-password-heading,
.mobile.r-a-heading,
.mobile.two-factor-page .two-factor-heading,
.mobile.main-block.error-overlay .password-decryption-heading {
    color: #495057;
    font-family: 'LatoWebBold', 'source_sans_prosemibold';
    font-size: 17px;
    line-height: 1.5;
    margin: 0 24px 0 24px;
}
.mobile.forgot-password-page .mobile.forgot-password-body-text,
.mobile.recover-account-page .mobile.recover-account-body-text,
.two-factor-body-text,
.mobile.main-block.error-overlay .password-decryption-body-text {
    color: #676D75;
    font-size: 14px;
    line-height: 24px;
    margin: 20px 24px;
}
.mobile.main-block.error-overlay .password-decryption-body-text {
    white-space: normal;
}
.mobile.main-block.error-overlay .title {
    color: var(--text-color-black-high);
    font: var(--text-h3-bold);
    display: inline-block;
    margin-bottom: 16px;
}
.mobile.recover-account-body-text a {
    color: #eb4444;
}
.mobile .recover-account-body-text br {
    margin-bottom: 12px;
}
.mobile.park-account.confirm-data-loss .checkdiv {
    margin-right: 5px;
}
.mobile.two-factor-qr-code-wrapper,
.mobile.two-factor-verify-seed-wrapper {
    margin: 16px 24px 4px;
}
.mobile.recover-account-page .mobile.recover-account-block {
    margin-top: 24px;
}
.mobile.signin-input.recover-account, .mobile.signin-input.input-recovery-key {
    background-color: #FAFAFA;
    border:1px solid #EEEEEE;
    height: 48px;
    padding: 8px 16px 0 52px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 4px;
    margin-left: 24px;
    margin-right: 24px;
}
.mobile.signin-input.input-recovery-key {
    display: flex;
    align-items: center;
    padding-top: 0;
}
.mobile.signin-input.recover-account input, .mobile.signin-input.input-recovery-key input {
    background-color: #F8F8F8;
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    height: 20px;
    width: 100%;
}
.mobile.input-recovery-key span {
    width: 20px;
    height: 20px;
    display: block;
    background-image: url(../images/mobile/mobile-sprite.png);
    background-repeat: no-repeat;
    background-position: -164px -1149px;
    position: absolute;
    left: 16px;
    top: 13px;
}
.mobile.recover-account-page .mobile.recover-account-email-send-btn,
.mobile.verify-recovery-key-btn,
.mobile.upload-recovery-key {
    background: #ff4444;
    background-image: linear-gradient(-179deg, #FF3333 0%, #FF4444 100%);
    border: 1px solid #D82928;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.11), inset 0 -7px 8px 0 rgba(241,6,6,0.44);
    border-radius: 4px;
    padding: 0;
    position: relative;
    font-size: 14px;
    text-align: center;
    line-height: 43px;
    color: #fff;
    height: 44px;
    margin-left: 24px;
    margin-right: 24px;
    transition: all 200ms ease-in-out;
    opacity: 0.3;
}
.mobile.upload-recovery-key {
    display: block;
}
.mobile.recover-account-page .recover-account-email-send-btn.active,
.mobile.verify-recovery-key-btn.active ,
.mobile.upload-recovery-key.active {
    opacity: 1;
}
.mobile.buttons {
    text-align: center;
}
.mobile.verify-recovery-key-btn ,
.mobile.upload-recovery-key{
    opacity: 1;
}
.mobile.recover-account-btn-block {
    display: block;
    margin: 8px 0 25px 0;
}
.mobile.forgot-password-btn-block {
    display: block;
    margin: 24px 24px;
    overflow: auto;
}
.mobile.forgot-password-btn {
    background-color: #f44;
    padding: 0;
    width: 48%;
    position: relative;
    font-size: 16px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    height: 48px;
    transition: all 200ms ease-in-out;
    opacity: 1;
    border-radius: 2px;
    float: left;
}
.mobile.forgot-password-btn:last-of-type {
    float: right;
}
.mobile.recovery-key-body-text a {
    color: #eb4444;
    text-decoration: underline;
}
.mobile.update-password .signin-input.account-recovery, .mobile.park-account-block .park-account {
    margin: 0 24px 4px;
}
.mobile.update-password .new-registration, .mobile.park-account-block .new-registration {
    margin-left: 24px;
    margin-right: 24px;
}
.mobile.update-password .mobile.register-button.account-recovery, .mobile.park-account-block .park-account {
    margin: 8px 24px;
}

.mobile.park-account-block .park-account.update-password-button {
    margin-top: 160px;
}

.mobile.park-account-block .confirm-data-loss .radio-txt {
    padding-right: 0;
    padding-top: 0;
}

/* Achievements Referral Bonus page */
.mobile.main-block.achievements-referral-bonuses-page {
    background-color: #F8F9FA;
}
.mobile.achievements-referral-bonuses-page .total-referral-bonuses-block {
    background: #f8f9fa;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 26px 0;
}
.mobile.achievements-referral-bonuses-page .storage-quota-block,
.mobile.achievements-referral-bonuses-page .transfer-quota-block {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.mobile.achievements-referral-bonuses-page .transfer-quota-block {
    border-left: 1px solid #d8d8d8;
}
.mobile.achievements-referral-bonuses-page .storage-quota-block .storage-amount,
.mobile.achievements-referral-bonuses-page .transfer-quota-block .transfer-amount {
    display: inline-block;
    font-size: 36px;
    line-height: 45px;
    text-align: center;
}
.mobile.achievements-referral-bonuses-page .storage-quota-block .storage-amount {
    color: #2ba6de;
}
.mobile.achievements-referral-bonuses-page .transfer-quota-block .transfer-amount {
    color: #32b500;
}

.mobile.achievements-referral-bonuses-page .storage-quota-block .storage-unit,
.mobile.achievements-referral-bonuses-page .transfer-quota-block .transfer-unit {
    display: inline-block;
    font-size: 16px;
    line-height: 25px;
}
.mobile.achievements-referral-bonuses-page .storage-quota-block .storage-unit {
    color: #2ba6de;
}
.mobile.achievements-referral-bonuses-page .transfer-quota-block .transfer-unit {
    color: #32b500;
}

.mobile.achievements-referral-bonuses-page .storage-quota-block .storage-text,
.mobile.achievements-referral-bonuses-page .transfer-quota-block .transfer-text {
    color: #8b9faa;
    font-size: 14px;
    line-height: 20px;
    margin: 5px 0 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 16px;
    padding-left: 16px;
}
.mobile.achievements-referral-bonuses-page .referral-block {
    padding: 8px 0;
    position: relative;
    background-color: #fff;
    height: 48px;
}
.mobile.achievements-referral-bonuses-page .referral-block:last-of-type {
    border-bottom: 1px solid #ddd;
}
.mobile.achievements-referral-bonuses-page .referral-block .avatar-container {
    left: 16px;
    position: absolute;
    top: 13px;
}
.mobile.achievements-referral-bonuses-page .referral-block .small-rounded-avatar {
    color: #fff;
}
.mobile.achievements-referral-bonuses-page .referral-block .name {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    margin-left: 70px;
}
.mobile.achievements-referral-bonuses-page .referral-block .email {
    color: #000;
    font-size: 16px;
    margin-left: 70px;
    line-height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 12px;
}
.mobile.achievements-referral-bonuses-page .referral-block .time-remaining {
    top: 22px;
    right: 20px;
    color: #818993;
    font-size: 14px;
    line-height: 20px;
    margin-left: 70px;
}
.mobile.achievements-referral-bonuses-page .referral-block .time-remaining.expiring-soon {
    color: #eb4444;
}
.mobile.achievements-referral-bonuses-page .referral-block .referral-row-border {
    border-bottom: 1px solid #ddd;
    position: absolute;
    bottom: 0;
    left: 70px;
    right: 0;
}
.mobile.achievements-referral-bonuses-page .referral-block:last-of-type .referral-row-border {
    border-bottom:none;
}

/* Cancel subscription information overlay */
.mobile.cancel-subscription-information-overlay {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 100;
}
.mobile.cancel-subscription-information-overlay .first-message {
    font-family: 'source_sans_prosemibold';
}

/* Cancel subscription overlay */
.mobile.first-message {
    font-family: 'LatoWebBold';
    color: #495057;
    font-size: 17px;
    line-height: 28px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
}
.mobile.optional-second-message {
    color: #676D75;
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
    text-align: center;
    word-break: break-word;
}

/* Video player Download page */
.mobile.video .download.main-pad {
    width: 656px;
    min-height: 590px;
    table-layout: fixed;
}
.mobile.video.resumable .download.main-pad {
    min-height: 640px;
}
.mobile.video .download.transfer-wrapper {
    background-color: white;
    min-height: 507px;
    box-shadow: 0px 0px 0px 1px #EEEEEE;
    border-radius: 3px;
    padding: 7px;
    box-sizing: border-box;
}
.mobile.video.download .video-block {
    display: none;
}
.mobile.video .download.video-block {
    display: block;
    position: relative;
    text-align: center;
    line-height: 0;
    background-color: #000;
}
.slideshow-image-previewer .mobile.video .download.video-block {
    position: fixed;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
    width: 100%;
}
.mobile.video .download.video-block video {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 3px;
    max-height: 100vh;
}
.mobile.video .download.video-block img {
    margin: 0 auto;
    height: 100%;
}
.mobile.video .download.checkbox-bl {
    padding: 8px 15px 0 15px;
}
.video .download.file-icon-wrap {
    height: 43px;
    width: 32px;
    background-position: 0 -2299px;
    margin: 15px 0 0 15px;
}
.mobile.video .download.file-icon-wrap div {
    display: none;
}
.mobile.video .download.file-info {
    margin-left: 66px;
    padding-top: 16px;
    margin-right: 15px;
    width: auto;
}
.mobile.video .download.info-txt.small-txt {
    line-height: 24px;
}
.mobile.video .download.info-block {
    padding: 0 0 13px 0;
}
.mobile.video .download.buttons-block {
    text-align: right;
    border-top: 1px solid #F6F6F6;
    padding: 16px 16px 9px 16px;
    margin: 0 -7px;
}
.mobile.video .download.big-button {
    font-size: 14px;
    line-height: 33px;
    letter-spacing: 0.5px;
    height: 34px;
    border-radius: 3px;
    padding: 0 7px 0 18px;
    min-width: 10px;
    margin-left: 10px;
}
.mobile.video .download.big-button.red {
    padding: 0 18px;
}
.mobile.video .download.big-button i {
    margin-top: 3px !important;
}
.mobile.video .big-button .medium-icon.icons-sprite.mega {
    background-position: -49px -1004px;
}
.mobile.video .big-button .medium-icon.icons-sprite.download {
    background-position: -158px -954px;
}
.mobile.video .download .checkdiv {
    margin: 8px 16px 0 0;
}
.mobile.video .download .small-red-link {
    margin: 2px 0 0 32px;
}
.mobile.video .resumable .bottom-page.top-bl {
    min-height: 732px;
}
.mobile.video .bottom-page.top-bl {
    min-height: 704px;
}
.mobile.video .download.transfer-buttons {
    display: none;
}
.mobile.video .download.in-progress {
    padding: 0 68px 10px 8px;
}
.mobile.video .download.progress-block {
    margin-top: 17px;
}
.video.resumable .download.progress-block.progress-resume {
    margin: 17px 8px 0 8px;
}
.video.video-theatre-mode.resumable .download.progress-block.progress-resume {
    margin: 13px auto 0 auto;
    max-width: 824px;
}
.video.resumable .download.state-text {
    margin: 0 8px 0 8px;
    font-size: 15px;
}
.video.resumable .download.buttons-block {
    border: 0;
}
.video.resumable.video-theatre-mode .download.state-text {
    padding: 5px 8px 15px 8px;
    max-width: 840px;
    box-sizing: border-box;
    margin: 0 auto;
}
.mobile.video .download.error-text, .mobile.video .download.state-text, .mobile.video .download.main-transfer-info {
    padding-top: 5px;
}
.mobile.video .download .pause-transfer.square {
    width: 40px;
    height: 32px;
    position: absolute;
    right: 15px;
    z-index: 10;
    margin-top: -1px;
    min-width: 0;
    text-align: center;
    padding: 0;
    display: none;
}
.download .pause-transfer.square i {
    margin: 7px auto 0 auto;
}
.mobile.video .download .pause-transfer.square {
    display: block;
}
.video.download-complete .pause-transfer.square {
    cursor: default;
    opacity: 0.5;
}
.video.download-complete .pause-transfer.square:hover {
    box-shadow: none;
}
.video.download-complete .pause-transfer.square i {
    background-position: -31px -913px;
}
.video.download-complete .semi-small-icon.icons-sprite.pause {
    margin: 7px auto 0 auto;
}
.video.mobile .viewer-bottom-bl {
    display: none;
}
.video.mobile.video-theatre-mode .viewer-bottom-bl {
    display: block;
}
.mobile.video-theatre-mode .viewer-bottom-bl {
    display: block;
}
.mobile.video .viewer-image-bl.default-state {
    background-color: black;
}
.mobile.video .img-controls {
    display: none;
}
.mobile.video .viewer-image-bl {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background-color: #000;
}
.mobile.video .viewer-image-bl video {
    background-color: black;
}
.mobile.video .viewer-image-bl video {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: contain;
    border: 0;
}
.mobile.video.play-video-button {
    display: none;
}
/*
.video-theatre-mode .play-video-button {
    display: none;
}*/
.paused .play-video-button {
    display: block;
}
.paused .viewer-pending  {
    display: none;
}

/* Bounce animation */
.viewer-pending {
    margin: -8px 0 0 -48px;
    width: 96px;
    top: 50%;
    left: 50%;
    text-align: center;
    z-index: 10;
    position: absolute;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
}
.viewer-pending > div {
    width: 16px;
    height: 16px;
    margin: 0 8px;
    background-color: white;
    border-radius: 100%;
    display: inline-block;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.viewer-pending .bounce1 {
    animation-delay: -0.32s;
}
.viewer-pending .bounce2 {
    animation-delay: -0.16s;
}
.viewer-pending span {
    color: #d90007;
    margin-top: 16px;
    margin-left: -14px;
    font-weight: bold;
    font-size: initial;
    line-height: normal;
    text-shadow: 2px 0 2px #000;
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

@-webkit-keyframes blinker {
    50% {
        opacity: 0;
    }
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
    }
    40% {
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}

/* controls */
.video-theatre-mode .viewer-bottom-bl {
    background-image: linear-gradient(0deg, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0) 100%);
}
.viewer-top-bl {
    display: none;
}
.viewer-top-bl, .viewer-bottom-bl {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 8px;
    box-sizing: border-box;
    z-index: 10;
    transition: opacity 200ms linear, visibility 200ms linear;
    visibility: hidden;
}
.mobile.video .video-controls {
    opacity: 1;
    visibility: visible;
}
.mobile.video .video-theatre-mode .video-controls {
    display: block;
}
.mobile.video .video-controls.invisible {
    transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.mobile.video .video-progress-block {
     padding: 11px 98px 20px 94px;
}
.mobile.video .video-progress-bar {
    display: block;
    width: 100%;
    height: 2px;
    margin-top: 2px;
    border: none;
    position: relative;
    border-radius: 2px;
    background-color: rgba(255,255,255,0.2);
    color: rgba(255,255,255,0.2);
    transition: height 100ms ease-in-out, margin 100ms ease-in-out, border-radius 100ms ease-in-out;
    cursor: pointer;
    text-align: left;
}
.mobile.video .video-progress-block:hover .video-progress-bar {
    height: 6px;
    margin-top: 0px;
    border-radius: 3px;
}
.mobile.video .video-time-bar, .video-buffer-bar {
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #EB4444;
    border-radius: inherit;
}
.mobile.video .video-buffer-bar {
    background-color: rgba(255,255,255,0.3);
}
.mobile.video .video-time-bar::before {
    content: '';
    position: absolute;
    right: -6px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: white;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.mobile.video .video-timing {
    font-size: 13px;
    color: white;
    width: 60px;
    height: 48px;
    line-height: 47px;
    text-align: left;
}
.mobile.video .video-timing.current {
    text-align: right;
}
.mobile.video .volume-control {
    position: relative;
}
.mobile.video .volume-control:not(.no-audio):hover .video-vol-range {
    height: 80px;
    visibility: visible;
}
.mobile.video .video-controls progress::-moz-progress-bar {
    background-color:#EB4444;
}
.mobile.video .video-controls progress::-webkit-progress-value {
    background-color:#EB4444;
}
.mobile.video .video-vol-range {
    width: 20px;
    height: 0;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.21);
    visibility: hidden;
    position: absolute;
    bottom: 43px;
    left: 15px;
    transition: all 100ms ease-in-out;
    overflow: hidden;
}
.mobile.video .video-vol-range .volume-bar {
    width: 4px;
    height: 64px;
    border-radius: 2px;
    margin: 8px;
    background-color: rgba(0,0,0,0.6);
    position: relative;
    cursor: pointer;

}
.mobile.video .video-vol-range .volume-bar span {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    border-radius: inherit;
    background-color: #EB4444;
}
.mobile.video .video-vol-range .volume-bar span::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: white;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.mobile .mobile.red-button.dl-browser, .mobile .unsub .default-white-button {
    background: #FFFFFF;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.50) 0%, rgba(238,238,238,0.75) 100%);
    border: 1px solid #DFDFDF;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.03);
    border-radius: 4px;
    color: #555;
}
.mobile .mobile.red-button.dl-browser.disabled {
    background: #eee;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.20) 0%, rgba(238,238,238,0.50) 100%);
    border: 1px solid #eee;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.03);
    border-radius: 4px;
    color: white;
}
.mobile.file-download-info {
    margin: 0 auto 12px;
    line-height: initial;
}
.mobile.video.video-theatre-mode .viewer-bottom-bl {
    height: 46px;
    padding: 6px 8px;
    top: auto;
    bottom: 0;
}

/* Special hidden */
.mobile.video.slideshow-image-previewer.video-theatre-mode .slideshow-header.hidden + .content-row .viewer-bottom-bl {
    display: block;
}
.mobile.video.slideshow-image-previewer.video-theatre-mode .slideshow-header.hidden + .content-row .play-video-button {
    display: none;
}
.mobile.video.slideshow-image-previewer.video-theatre-mode .slideshow-header + .content-row .play-video-button {
    display: block;
}
.mobile.video.slideshow-image-previewer.video-theatre-mode .slideshow-header + .slides-bl .viewer-bottom-bl {
    bottom: 61px;
}
.mobile.video.slideshow-image-previewer.video-theatre-mode .slideshow-header.hidden + .slides-bl .viewer-bottom-bl {
    bottom: 0px;
}
.mobile.video.video-theatre-mode .video-timing {
    height: 28px;
    line-height: 27px;
    width: 52px;
    margin: 0;
}
.mobile.video.video-theatre-mode .viewer-button.fs {
    margin: 0;
}
.mobile.video .download.video-block[data-fullscreen="true"] {
    height: 100%;
}
.video-theatre-mode .video-block[data-fullscreen="true"] .video-timing {
    height: 37px;
    line-height: 37px;
}
.video-theatre-mode .video-block[data-fullscreen="true"] .viewer-bottom-bl
.video-theatre-mode .video-block[data-fullscreen="true"] .viewer-bottom-bl {
    height: 48px;
}
.video-theatre-mode .video-block[data-fullscreen="true"] .video-progress-block {
    padding: 15px 98px 20px 94px;
}
.video-theatre-mode .video-block[data-fullscreen="true"] .viewer-button.playpause {
    margin: 5px 0 0 0;
}
.video-theatre-mode .video-block[data-fullscreen="true"] .viewer-button.fs {
    margin: 5px 0 0 0;
}
.video-theatre-mode .video-block[data-fullscreen="true"] .viewer-top-bl {
    display: block;
    background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.40) 100%);
    padding: 12px 16px;
}
.video-block[data-fullscreen="true"] .viewer-top-bl .filename {
    margin: 0 0;
    text-align: left;
    color: white;
    font-family: 'source_sans_proregular';
}
.mobile.download .video-block {
    display: none;
}
.mobile.download.video .video-block {
    width: 100%;
    display: block;
}
/*  Video Ad */
.mobile  .viewer-vad-control {
    bottom: 48px;
    z-index: 11;
}
.mobile .slides-bl .viewer-vad-control {
    bottom: 119px;
}
.mobile .slides-bl .viewer-vad-control.bottom {
    bottom: 77px;
}
.mobile .video-progress-bar.vad {
    transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 0;
    z-index: 11;
    border-radius: 0;
    background-color: rgba(0,0,0,0.6);
    border-radius: 0;
    margin: 0;
}
.mobile .slides-bl .video-progress-bar.vad {
    bottom: 61px;
}
.mobile .slideshow-header.hidden + .slides-bl .video-progress-bar.vad {
    bottom: 0;
}
.mobile.vad .viewer-vad-control.bottom + .video-progress-bar.vad {
    opacity: 1;
    visibility: visible;
}
.mobile.video.vad .video-time-bar,  .mobile.video.vad .video-buffer-bar {
    background-color: #FFA500;
}
.mobile .vad .video-time-bar::before {
    display: none;
}
/* Slide gallery video player */
.mobile.video.slideshow-video {
    display: table;
    width: 100%;
}
.mobile.video.slideshow-video .slide-video-aligner {
    display: table-cell;
    vertical-align: middle;
}
.mobile.video.slideshow-video .download.video-block {
    height: initial;
}
.mobile.app-commercial-block {
    position: fixed;
    background-color: #fafafa;
    width: 100%;
    padding: 6px 0;
    border-top: 1px solid #eee;
    bottom: 0;
    background-image: none;
    height: initial;
}
.mobile.app-commercial-aligner {
    width: 100%;
    width: calc(100% - 32px);
    margin: 0 auto;
    display: table;
    max-width: 540px;
}
.mobile.mega-app-icon {
    width: 38px;
    height: 38px;
    background: #eb4444;
    background-color: #eb4444;
    border: 1px solid #D82928;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.11), inset 0 1px 1px 0 rgba(255,255,255,0.20);
    border-radius: 8px;
    display: table-cell;
    float: left;
    vertical-align: middle;
    box-sizing: border-box;
}
.mobile.white-mega-logo {
    width: 24px;
    height: 24px;
    background-image: url(../images/mobile/mobile-sprite.png);
    background-position: -236px -292px;
    background-repeat: no-repeat;
    background-size: 280px auto;
    position: absolute;
    margin-left: 6px;
    margin-top: 6px;
    display: block;
}
.mobile.app-commercial-text {
    width: 100%;
    width: calc(100% - 80px);
    display: table-cell;
    line-height: 16px;
    text-align: left;
    padding-left: 12px;
    vertical-align: middle;
    min-height: 48px;
    color: #333;
}
.mobile.app-commercial-text span {
    font-size: 0.8em;
    line-height: 1.5;
}

/* Recover account styles */
.mobile .improved-recovery-steps {
    background-color: var(--stroke-grey-1);
}
.mobile .fm-dialog-body.improved-recovery-steps {
    background-color: var(--stroke-main);
}
.mobile .fm-dialog-body.improved-recovery-steps .fm-dialog-title {
    color: var(--text-color-high);
}
.mobile .improved-recovery-steps .block-wrapper {
    width: 100%;
}
.mobile .improved-recovery-steps .main-recovery-block {
    width: 100%;
    padding: 0 0;
    height: 100%;
    display: block;
    margin: 0 auto;
}
.mobile .improved-recovery-steps .main-right-block {
    display: none;
}
.mobile .improved-recovery-steps h3.main-italic-header, .mobile .improved-recovery-steps h2 {
    font-family: var(--text-font-family-second-regular);
    font-size: 16px;
    color: #495057;
    padding: 0 0;
    margin: 0 0;
    text-align: center;
}
.mobile .improved-recovery-steps h3.main-italic-header.main-header {
    color: var(--text-color-high);
    font-family: 'LatoWeb', 'source_sans_proregular', Arial;
    font-weight: initial;
}
.mobile .improved-recovery-steps p, .mobile .improved-recovery-steps h3.main-italic-header {
    font-family: 'LatoWeb', 'source_sans_proregular', Arial;
    font-size: 14px;
    color: var(--text-color-medium);
    letter-spacing: 0;
    line-height: 22px;
    padding-bottom: 0;
    text-align: center;
    margin-bottom: 24px;
}
.mobile .improved-recovery-steps h3.main-italic-header {
    margin-bottom: 0;
}
.mobile .improved-recovery-steps .info-container h3.main-italic-header {
    text-align: left;
    font-family: 'LatoWebSemibold', 'source_sans_proregular', Arial;
    font-weight: initial;
    font-size: 14px;
}
.mobile .improved-recovery-steps .container-information {
    font-family: 'LatoWeb', 'source_sans_proregular', Arial;
    font-size: 14px;
    line-height: 21px;
}
.mobile .improved-recovery-steps .container-information ul {
    margin: 12px 8px 12px 24px;
    padding: 0;
    text-indent: 0;
    list-style-type: 0;
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 20px;
}
.mobile .improved-recovery-steps .container-information li {
    margin-bottom: 10px;
    display: list-item;
    list-style: disc;
    color: var(--text-color-medium);
    font-size: 13px;
}
.mobile .improved-recovery-steps .container-information li:last-of-type {
    margin-bottom: 0;
}
.mobile .improved-recovery-steps .container-information .warning-text {
    color: #FD8116;
}
.mobile .improved-recovery-steps .checkbox-block h3.main-italic-header, .mobile .improved-recovery-steps .app-instruction-block h3.main-italic-header {
    padding: 0 0;
}
.mobile .improved-recovery-steps h2 {
    top: 0;
    display:block;
    color: #333;
    font-size: 16px;
}
.mobile .improved-recovery-steps .nav-back-subheading {
    display: none;
}
.mobile .improved-recovery-steps h1, .mobile.fm-dialog.park-account-dialog .fm-dialog-title  {
    font-size: 20px;
    color: var(--text-color-high);
    line-height: 30px;
    text-align: center;
    font-family:'LatoWebSemibold', 'source_sans_prosemibold';
    font-weight: initial;
}
.mobile.fm-dialog.park-account-dialog .fm-dialog-title  {
    white-space: normal;
}
.mobile.fm-dialog.park-account-dialog .improved-recovery-steps h3.main-italic-header {
    font-size: 13px;
}
.mobile .improved-recovery-steps .content-wrapper {
    position: relative;
    margin: 40px 28px 40px 28px;
    padding: 0;
}
.mobile .improved-recovery-steps .main-right-block .content-wrapper {
    padding: 0 0;
}
.mobile .improved-recovery-steps .main-right-block .content-wrapper {
    padding: 0 0;
}
.mobile .improved-recovery-steps .content-wrapper p span {
    font-family: 'source_sans_probold';
    color: #F57223;
    padding-top: 8px;
    display: block;
}
.mobile .improved-recovery-steps .recover-state {
    font-family: 'source_sans_probold', 'LatoWeb', Arial;
    font-size: 14px;
    color: #00A58F;
    letter-spacing: 0;
    text-align: center;
}
.mobile .improved-recovery-steps .recover-state.warning {
    color: #FD8116;
}
.mobile .improved-recovery-steps p {
    font-size: 14px;
    color: var(--text-color-high);
    letter-spacing: 0;
    line-height: 23px;
    padding-bottom: 0;
    margin-bottom: 24px;
    text-align: center;
}
.mobile .improved-recovery-steps .app-instruction-block p, .mobile .improved-recovery-steps .app-instruction-block .main-italic-header{
    text-align: left;
    margin-top: 6px;
}
.mobile .improved-recovery-steps .app-instruction-block .main-italic-header {
    font-size: 16px;
    line-height: 24px;
    margin-top: 40px;

}
.mobile .improve-recovery-steps .button-container {
    width: 100%;
    height: 100px;
}
.mobile .improved-recovery-steps .recover-button {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.5;
    text-decoration: underline;
    height: auto;
    background-color: #fff;
    text-align: center;
    text-transform: none;
    float: none;
    margin: 0;
    display: block;
    padding: 10px 16px;
    border: 0px solid rgba(0,0,0,0);
    box-shadow: 0 0 0 0 #6BB219;
    border-radius: 2px;
    font-family: 'source_sans_proregular', Arial;
    width: 100%;
}
.mobile .improved-recovery-steps .recover-button.yes {
    margin-bottom: 12px;
}
.mobile .improved-recovery-steps .recover-button.yes:hover,.mobile  .recover-button.yes.active {
    background-color: rgba(42,175,95,0.0);
    box-shadow: 0 0 0 0 #6BB219;
}
.mobile .improved-recovery-steps .recover-button.no:hover, .mobile .improved-recovery-steps .recover-button.no.active {
    background-color: rgba(235,68,68,0.0);
    box-shadow: 0 0 0 0 #6BB219;
}
.mobile .improved-recovery-steps .button-container {
    position: relative;
    right: 0;
    margin: 24px 0 4px;
}
.mobile .improved-recovery-steps .button-aligner {
    float: right;
    width: 100%;
}
.mobile .improved-recovery-steps .backup-input-button.recover-button {
    background: #F0373A;
    border: 1px solid #D82928;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.11), inset 0 1px 1px 0 rgba(255,255,255,0.20);
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
}
.mobile .improved-recovery-steps .progress-meter {
    margin: 20px auto 40px;
    padding: 40px;
    box-sizing: border-box;
    max-width: 400px;
}
.mobile .improved-recovery-steps .progress-meter .track {
    position: relative;
    height: 4px;
    background: #ddd;
}
.mobile .improved-recovery-steps .progress-meter .progress-points {
    position: relative;
    margin: -14px 0 0;
    padding: 0;
    list-style: none;
}
.mobile .improved-recovery-steps .progress-meter .progress-point {
    transition: color 1s;
    position: relative;
    text-align: left;
    cursor: pointer;
    color: #999;
    margin-bottom: 72px;
}
.mobile .improved-recovery-steps .progress-meter .progress-point.inactive {
    cursor: default;
}
.mobile .improved-recovery-steps .progress-meter .progress-point:last-of-type {
    margin-bottom: 0px;
}
.mobile .improved-recovery-steps .progress-meter .progress-point.completed,.mobile  .improved-recovery-steps .progress-meter .progress-point.active {
    color: #777;
}
.mobile .improved-recovery-steps .progress-meter .progress-meter .progress-points .progress-point:nth-child(1) {
    left: 0%;
}
.mobile .improved-recovery-steps .progress-meter .progress-point:before {
    transition: all .2s;
    border-radius: 24px;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 0;
    background-color: #818993;
    border: 1px solid  #7C7C7C;
}
.mobile .improved-recovery-steps .progress-meter .progress-point:not(.inactive):hover:before {
    border: 4px solid  #CBCFD1;
    margin: -4px -3px;
    transition: all .2s;
}
.mobile .improved-recovery-steps .progress-meter .progress-point.active:before {
    border-color: #777;
}
.mobile .improved-recovery-steps .progress-meter .progress-point:hover .progress-track {
    height: 87px;
    bottom: 11px;
    transition: all .2s;
}
.mobile .improved-recovery-steps .progress-meter .progress-point.inactive {
    opacity: .2;
}
.mobile .improved-recovery-steps .progress-meter .progress-point.inactive .progress-content {
    display: none;
}
.mobile .improved-recovery-steps .progress-meter .progress-point.success:before {
    background-color: #2AAF5F;
    border: 1px solid  #2AAF5F;
    transition: all .2s;
}
.mobile .improved-recovery-steps .progress-meter .progress-point.success .progress-track {
    background-color: #2AAF5F;
    transition: all .2s;
}
.mobile .improved-recovery-steps .progress-meter .progress-point.success:hover:before {
    border: 4px solid  #D4EFDF;
    margin: -4px -3px;
    transition: all .2s;
}
.mobile .improved-recovery-steps .progress-meter .progress-point.success .step-label {
    color:  #2AAF5F;
}
.mobile .improved-recovery-steps .progress-meter .progress-point.warning:before{
    background-color: #FF6406;
    border: 1px solid  #FF6406;
    transition: all .2s;
}
.mobile .improved-recovery-steps .progress-meter .progress-point.warning:hover:before {
    border: 4px solid  #FDE3D3;
    margin: -4px -3px;
    transition: all .2s;
}

.mobile .improved-recovery-steps .progress-meter .progress-point.warning .progress-track {
    background-color: #FF6406;
}
.mobile .improved-recovery-steps .progress-meter .progress-point.warning .step-label {
    color: #F57223;
}
.mobile .improved-recovery-steps .progress-meter .progress-point:hover .step-label {
    text-decoration: underline;
}
.mobile .improved-recovery-steps .progress-meter .progress-content {
    margin: -18px 12px 0 24px;
    position: absolute;
    text-align: left;
    float: left;
    width: 100%;
}
.mobile .improved-recovery-steps .progress-meter .progress-content .step-label {
    font-family: "source_sans_probold";
    font-size: 13px;
    color: #666;
    letter-spacing: 0;
    margin-bottom: 8px;
    text-decoration: underline;
}
.mobile .improved-recovery-steps .progress-meter .progress-content .step-answer {
    font-size: 13px;
}
.mobile .improved-recovery-steps .progress-meter .progress-track {
    width: 2px;
    height: 83px;
    display: block;
    background: #818993;
    position: absolute;
    bottom: 14px;
    left: 5px;
}
.mobile .improved-recovery-steps .login-register-input, .mobile .recover-account-email-block .account.input-wrapper  {
    box-sizing: border-box;
    border-radius: 2px;
    margin-bottom: 8px;
    background-image: url(../images/mega/top-login-sprite.png);
    background-position: 12px -65px;
    background-repeat: no-repeat;
    padding: 0 10px 0 43px;
    position: relative;
    background-color: #F8F9FA;
    border: 1px solid #eee;
    max-width: 420px;
    min-height: 46px;
}
.mobile .improved-recovery-steps .login-register-input:hover {
    border: 1px solid #eee;
}
.mobile .improved-recovery-steps .login-register-input input, .mobile .recover-account-email-block .account.input-wrapper input {
    color: #444;
    line-height: 28px;
    width: 100%;
    margin-top: 8px;
    font-size: 13px;
    background-color: rgba(0,0,0,0);
    border: none;
}
.mobile .improved-recovery-steps .login-register-input input::placeholder, .mobile .recover-account-email-block .account.input-wrapper input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #aaa;
    opacity: 1; /* Firefox */
}
.mobile .improved-recovery-steps .login-register-input input:-ms-input-placeholder, .mobile .recover-account-email-block .account.input-wrapper input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #aaa;
}
.mobile .improved-recovery-steps .login-register-input input::-ms-input-placeholder, .mobile .recover-account-email-block .account.input-wrapper input::-ms-input-placeholder {
    /* Microsoft Edge */
    color:#aaa;
}
.mobile .improved-recovery-steps .app-button {
    border-radius: 3px;
    padding: 0 8px;
    display: inline-block;
    line-height: 28px;
    margin: 4px 4px 4px 0px;
    cursor: pointer;
    color: #555;
    font-size: 14px;
}
.mobile .improved-recovery-steps .recover-button.yes.red-button {
    background-color: #eb4444;
    background: #eb4444;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0) 0%, rgba(242,242,242,0) 100%);
    border: 1px solid #d90007;
    color: white;
    line-height: 30px;
    text-decoration: none;
    left: 0;
    padding: 8px 28px;
    border-radius: 4px;
    text-align: center;
    width: 104px;
    margin: 0 auto;
    font-size: 15px;
}
.mobile .improved-recovery-steps .app-button {
    background-color: #FFFFFF;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.50) 0%, rgba(242,242,242,0.50) 100%);
    border: 1px solid #DFDFDF;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.03);
    border-radius: 3px;
}
.mobile .improved-recovery-steps .app-button:first-of-type {
    margin-left: 0px;
}
.mobile .improved-recovery-steps .app-button:last-of-type {
    margin-right: 0px;
}
.mobile .improved-recovery-steps .app-button:hover {
    background-color: #f2f2f2;
    color: #111;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.50) 0%, rgba(242,242,242,0.80) 100%);
}
.mobile .improved-recovery-steps .app-button.active {
    background-color: #eb4444;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0) 0%, rgba(242,242,242,0) 100%);
    border: 1px solid #d90007;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.11), inset 0 1px 1px 0 rgba(255,255,255,0.20);
    border-radius: 3px;
    color: #fff;
}
.mobile .improved-recovery-steps .app-button.active:hover {
    color: #fff;
}
.mobile .improved-recovery-steps .app-instruction-block {
    margin: 0 0 8px 0;
}
.mobile .improved-recovery-steps .register-st2-txt-block {
    display: table;
    height: 100%;
    width: 100%;
}
.mobile .improved-recovery-steps .vert-container-aligner {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}
.mobile .improved-recovery-steps .card-container {
    max-width: 640px;
    margin: 80px 12px 12px 12px;
    display: inline-block;
    background-color: var(--stroke-main);
    border-radius: 4px;
    border: 1px solid rgba(0, 40, 100, 0.12);
    height: auto;
    text-align: left;
}
.mobile .improved-recovery-steps ol.app-instructions-list {
    list-style-type: none;
    padding: 8px 0 0 8px;
}
.mobile .improved-recovery-steps li.list-point:before{
    width: 23px;
    text-indent: 8px;
    padding-left: 0px;
    height: 23px;
    line-height: 22px;
    vertical-align: top;
    border-radius: 24px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: var(--text-color-high);
    font-weight: 900;
    display: inline-block;
    content: counter(list);
    margin-right: 8px;
    font-size: 14px;
}
.mobile .improved-recovery-steps .list-point {
    margin-bottom: 12px;
    line-height: 22px;
    counter-increment: list;
    text-indent: -31px;
    margin-left: 24px;
    font-size: 14px;
    font-family: 'LatoWeb', 'source_sans_proregular', Arial;
    font-weight: initial;
    font-size: 13px;
    color: var(--text-color-medium);
}
.mobile .improved-recovery-steps .list-point b {
    font-family: 'LatoWebSemibold', 'source_sans_prosemibold', Arial;
    font-weight: initial;
    color: var(--text-color-high);
}
.mobile .improved-recovery-steps strong {
    font-family: 'LatoWebSemibold', 'source_sans_probold', Arial;
    color: #333;
    font-weight: initial;
}
.mobile .improved-recovery-steps  strong.warning-text {
    color: #eb4444;
    font-family: 'LatoWeb', 'source_sans_probold', Arial;
}
.mobile .improved-recovery-steps .instruction-block {
    margin-top: 32px;
    font-size: 14px;
}
.mobile .improved-recovery-steps .checkbox-block .checkboxOn {
    background: none;
}
.mobile .improved-recovery-steps .checkbox-block {
    padding: 0 0;
    margin-top: 26px;
}
.mobile .improved-recovery-steps .info-container, .mobile .improved-recovery-steps .app-instruction-block{
    background-color: var(--stroke-grey-1);
    padding: 24px 16px 16px;
    margin: 0 0;
    border: 1px solid var(--stroke-grey-2);
    border-radius: 4px;
}
.mobile .improved-recovery-steps .app-instruction-block {
    margin-top: 24px;
    margin-bottom: 16px;
}
.mobile .improved-recovery-steps .app-instruction-block select {
    background: transparent;
    border: none;
    color: var(--text-color-high);
    font-size: 14px;
    height: 44px;
    padding: 5px 5px 5px 12px;
    width: 260px;
    font-family: 'LatoWeb', 'source_sans_proregular', Arial;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance:none;
    outline: none;
}
.mobile .improved-recovery-steps .app-instruction-block select option {
    background: var(--surface-main);
    color: var(--text-color-high);
}
.mobile .improved-recovery-steps .app-instruction-block .app-button-block {
    margin: 0 auto;
    height: 44px;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    float: initial;
    width: 260px;
    max-width: 100%;
    background: none !important;
    display: flex;
    align-items: center;
}
.mobile .improved-recovery-steps .app-instruction-block .app-button-block .icon-dropdown {
    pointer-events: none;
    position: absolute;
    --icon-size: 24px;
    right: 12px;
}
.mobile .improved-recovery-steps .default-select::before, .mobile .improved-recovery-steps .ui-selectmenu-button::before {
    content: none !important;
}
.mobile .improved-recovery-steps .app-instruction-block select::-ms-expand {
    display: none;
}
.mobile .improved-recovery-steps .info-container .settings-row {
    margin-bottom: 4px;
}
.mobile .improved-recovery-steps .info-container .settings-row div.checkboxOff, .mobile .improved-recovery-steps .info-container .settings-row div.checkboxOn, .mobile .improved-recovery-steps .checkboxOn, .mobile .improved-recovery-steps .checkboxOff   {
    margin:  16px 14px 16px 0;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    float: left;
    cursor: pointer;
    background-color: white;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    border: 1px solid #ddd;
}
.mobile .improved-recovery-steps .check-sessions div.checkboxOn, .mobile .improved-recovery-steps .check-sessions div.checkboxOff   {
    margin: 16px auto 32px;
    float: initial;
    box-shadow: none;
    border: 0px solid rgba(0,0,0,0);
}
.mobile .improved-recovery-steps .check-sessions-text {
    font-family: 'LatoWebBold', 'source_sans_proregular', Arial;
    font-size: 14px;
    color: var(--text-color-medium);
}

.mobile .improved-recovery-steps .info-container .settings-row input.checkboxOn, .mobile .improved-recovery-steps .info-container .settings-row input.checkboxOff {
    margin: 0;
}
.mobile .improved-recovery-steps .checkboxOn::before, .mobile .improved-recovery-steps .checkboxOff::before, .mobile .improved-recovery-steps .checkboxOn::after, .mobile .improved-recovery-steps .checkboxOff::after {
    position: absolute;
    border-radius: 3px;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
    display: block;
    content: "";
}
.mobile .improved-recovery-steps .checkboxOn::after, .mobile .improved-recovery-steps .checkboxOff::after  {
    box-shadow: none;
    background-position: -35px -396px;
    background-image: url(../images/mega/top-login-sprite.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.mobile .improved-recovery-steps .checkboxOn::after {
    background-position: -35px -446px;
}
.mobile .improved-recovery-steps .app-button-block {
    padding: 0 0;
    min-height: initial;
}
.mobile .improved-recovery-steps .info-container .settings-row label {
    line-height: 1.6;
    padding-top: 13px;
    color: var(--text-color-high);
    font-size: 14px;
    max-width: initial;
    padding-right: 12px;
    margin-top:0;
    float: inherit;
    display: block;
    margin-left: 32px;
}
.mobile .improved-recovery-steps .info-container .settings-row label:last-of-type {
    padding-bottom: 12px;
}
.mobile .improved-recovery-steps .info-container .settings-row label strong {
    font-family: 'LatoWebSemibold', 'source_sans_probold', Arial;
}
.mobile .improved-recovery-steps strong {
    font-family: 'LatoWebSemibold', 'source_sans_probold', Arial;
    color: var(--text-color-high);
}
.mobile .improved-recovery-steps  strong.warning-text {
    color: var(--text-color-error);
}
.mobile .improved-recovery-steps .instruction-block {
    margin-top: 32px;
    font-size: 14px;
}
.mobile .improved-recovery-steps .content-highlight {
    background-color: rgba(42,175,95,0.03);
    border: 1px solid rgba(42,175,95,0.20);
    border-radius: 2px;
    color: #62C489;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.5;
}
.mobile .improved-recovery-steps .highlight-wrapper {
    display: table;
    min-height: 40px;
}
.mobile .content-highlight-block {
    position: relative;
    width: 100%;
    bottom: 0px;
}
.mobile .improved-recovery-steps .content-highlight:hover {
    background-color: rgba(250,250,250,0.75);
    border: 1px solid #ddd;
}
.mobile .improved-recovery-steps .content-highlight.warning {
    background: rgba(235,68,68,0.03);
    border: 1px solid rgba(235,68,68,0.15);
    border-radius: 2px;
    color: var(--text-color-error);
    padding: 12px;
    margin-bottom: 14px;
}
.mobile .improved-recovery-steps .content-text {
    padding: 8px 12px 8px 0;
    display: table-cell;
    vertical-align: middle;
}
.mobile .improved-recovery-steps .feedback-logo {
    display: block;
    float: left;
    position: relative;
    background-image: url(../images/mega/help2/welcome_icons.png);
    background-repeat: no-repeat;
    height: 32px;
    background-position: -100px -300px;
    width: 32px;
    background-size: 250px auto;
    margin: 8px 12px;
}
.mobile .improved-recovery-steps .warning-icon  {
    margin-top: 6px;
    background-image: url(../images/mega/download-dialog.png);
    background-size: 384px auto;
    background-position: -355px -46px;
    width: 30px;
    height: 25px;
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    position: relative;
    margin: -4px 15px 0 0px;
}
.mobile .improved-recovery-steps .warning-icon {
    margin: -4px 15px 0 0;
    display: none;
}
.mobile .improved-recovery-steps .warning-icon.warning  {
    display: block;
}
.mobile .improved-recovery-steps .list-point b.megasync-logo {
    background-position: -6px -773px;
    width: 24px;
    height: 24px;
    background-image: url(../images/mega/top-sprite.png);
    background-repeat: no-repeat;
    padding-left: 29px;
    margin: -16px 2px 2px 3px;
    padding-bottom: 8px;
    padding-top: 4px;
}
.mobile .improved-recovery-steps .recover-image-block {
    width: 172px;
    height: 120px;
    display: block;
    margin: 0 auto;
}
/* Language styles for the MEGAsync icon */
.mobile.es .improved-recovery-steps .list-point b.megasync-logo {
    padding-left: 28px;
    margin: 0 3px 0 3px;
}
.mobile.br .improved-recovery-steps .list-point b.megasync-logo {
    padding-left: 32px;
    margin: 0 3px 0 3px;
}
.mobile.de .improved-recovery-steps .list-point b.megasync-logo {
    padding-left: 27px;
    margin: 0 2px 0 4px;
}
.mobile.fr .improved-recovery-steps .list-point b.megasync-logo {
    padding-left: 29px;
    margin: 0 2px 0 4px;
}
.mobile.it .improved-recovery-steps .list-point b.megasync-logo {
    padding-left: 28px;
    margin: 0 2px 0 4px;
}
.mobile.tr .improved-recovery-steps .list-point b.megasync-logo {
    padding-left: 28px;
    margin: 0 2px 0 3px;
}
.mobile.mega-dialog.park-account-dialog {
    width: 100%;
    width: calc(100% - 24px);
    position: relative;
    border: none;
    left: initial;
    top: initial;
    border-radius: 6px;
    max-width: 460px;
    padding: 24px 20px;
    margin: 0 auto;
    max-height: 95%;
    overflow: scroll;
    background-color: var(--stroke-main);
}
.mobile.fm-dialog.park-account-dialog .improved-recovery-steps {
    padding: 0;
    margin: 24px 0;
}
.mobile.fm-dialog.park-account-dialog .checkbox-block {
    margin-bottom: 12px;
}
.mobile.fm-dialog.park-account-dialog .content-highlight.warning {
    margin-top: 12px;
    display: none;
}
.mobile.fm-dialog.park-account-dialog .warning-icon {
    margin: 14px 16px 0 14px;
    display: block;
}
.mobile.fm-dialog.park-account-dialog .inline-buttons {
    overflow: auto;
    margin-bottom: 24px;
}
.mobile.fm-dialog-container {
    display: table;
    height: 100%;
    width: 100%;
    top: 0;
    position: fixed;
    z-index: 1200;
    overflow: scroll;
}
.mobile.fm-dialog-aligner {
    display: table-cell;
    vertical-align: middle;
}
.forgot-password-page .mobile.fm-subheader-txt {
    font-size: 13px;
    color: #777;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    margin: 0 60px 0;
}
.forgot-password-page .mobile.fm-header-txt {
    font-size: 20px;
    color: var(--text-color-high);
    padding: 21px 0 0 0;
}
.mobile .improved-recovery-steps .nav-back-icon {
    width: 18px;
    height: 16px;
    background-image: url(../images/mega/icons-sprite.png);
    background-repeat: no-repeat;
    background-position: -263px -3592px;
    margin: 4px 8px  0 -30px;
    display: none;
}
.mobile .improved-recovery-steps .nav-header-block {
    display: block;
    position: absolute;
    opacity: 1;
    margin-top: -80px;
    width: initial;
    padding: 0 40px
}
.mobile .improved-recovery-steps .right-header {
    display: none;
}
.mobile .improved-recovery-steps .nav-header-block:hover {
    opacity: .8;
    cursor: pointer;
}
.mobile .improved-recovery-steps .nav-header-block:hover h2 {
    text-decoration: underline;
}
.mobile .improved-recovery-steps .recover-account-email-block {
    margin: 32px auto 64px;
    position: relative;
}
.mobile .improved-recovery-steps .recover-account-email-block .error-message{
    margin-top: 12px;
    color: #eb4444;
    font-size: 13px;
    max-width: 400px;
    line-height: 21px;
}
.mobile .improved-recovery-steps .account.input-tooltip, .mobile .improved-recovery-steps .account.input-tooltip {
    text-align: center;
    background-color: #eb4444;
    margin-top: 6px;
    background: rgba(235,68,68,0.05);
    border: 1px solid rgba(235,68,68,0.20);
    font-size: 13px;
    line-height: 21px;
    padding: 4px 8px;
    color: #eb4444;
    max-width: 420px;
    margin: 0 auto;
    float: initial;
}
.mobile .improved-recovery-steps .recover-image, .improved-recovery-steps .session-image-block {
    background-image: url(../images/mega/recover-account-sprite.png);
    background-repeat: no-repeat;
    background-size: 344px auto;
    display: block;
    width: 100%;
    height: 100%;
}
.mobile .improved-recovery-steps .recover-image.email {
    background-position: -4px -360px;
}
.mobile .improved-recovery-steps .recover-image.key {
    background-position: 0 0;
}
.mobile .improved-recovery-steps .recover-image.lock {
    background-position: -172px 0;
}
.mobile .improved-recovery-steps .recover-image.gray-device {
    background-position: 0 -120px;
}
.mobile .improved-recovery-steps .recover-image.device-password {
    background-position: -172px -120px;
}
.mobile .improved-recovery-steps .recover-image.device-key {
    background-position: 0 -240px;
}
.mobile .improved-recovery-steps .recover-image.locked-key {
    background-position: -172px -240px;
}
.mobile .improved-recovery-steps .recover-image.unlocked-key {
    background-position: -172px -360px;
}
.mobile .improved-recovery-steps .recover-image.incoming-mail{
    background-position: 0 -480px;
}
.mobile .improved-recovery-steps .recover-image.park-account{
    background-position: -172px -480px;
}
.mobile .improved-recovery-steps .session-image-block {
    height: 94px;
    margin: 0 auto 12px;
    width: 120px;
}
.mobile .improved-recovery-steps .check-sessions {
    margin: 16px auto 40px;
    display: table;
}
.mobile .improved-recovery-steps .check-sessions-text {
    margin-bottom: 16px;
}
.mobile .improved-recovery-steps .check-sessions .col-3 {
    display: table-cell;
    border: 2px solid rgba(153, 153, 153, 0.25);
    border-radius: 4px;
    position: relative;
}
.mobile .improved-recovery-steps .check-sessions .col-3.active {
    border-color: #2AAF5F;
}
.mobile .improved-recovery-steps .col-3 {
    width: 32.5%;
    padding: 12px 12px 20px;
}
.mobile .improved-recovery-steps .check-sessions .checkboxOn, .mobile .improved-recovery-steps .check-sessions .checkboxOff {
    position: absolute;
    right: 10px;
    top: -6px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
}
.mobile.improved-recovery-steps .check-sessions .checkdiv, .mobile .improved-recovery-steps .check-sessions .checkdiv::before {
    box-shadow: none;
}
.mobile .improved-recovery-steps .check-sessions .checkdiv::before {
   display: none;
}
.mobile .improved-recovery-steps .check-sessions .checkdiv::after {
    background-position: -25.5px -1850px;
    display: block;
    box-shadow: none;
    width: 23px;
}
.mobile .improved-recovery-steps .check-sessions .checkboxOff {
    background-color: rgba(153, 153, 153, 0.25);
}
.mobile .improved-recovery-steps .check-sessions .checkboxOn {
    background-color: #2AAF5F;
}
.mobile .improved-recovery-steps .session-image-block.desktop {
    background-position: 0 -611px;
}
.mobile .improved-recovery-steps .session-image-block.browser {
    background-position: -233px -611px;
}
.mobile .improved-recovery-steps .session-image-block.mobile {
    background-position: -123px -611px;
}
.mobile .improved-recovery-steps .check-sessions .session-text {
    text-align: center;
    font-size: 14px;
    font-family: 'LatoWeb', 'source_sans_proregular', Arial;
    line-height: 21px;
    color: var(--text-color-medium);
}
.mobile .improved-recovery-steps .check-sessions .checkdiv {
    margin: 12px auto 20px;
    float: initial;
}
.mobile .improved-recovery-steps .default-select.recovery-instructions {
    border: 1px solid var(--stroke-grey-2);
}
.mobile.park-account-dialog .fm-dialog-title {
    color: var(--text-color-high);
}
.bottom-page .forgot-password-page .mobile.fm-header {
    background-color: var(--stroke-main);
}
body.bottom-pages.mobile .fmholder.no-scroll, .mobile .fm-holder.no-scroll, .mobile .main-block.my-account-page.no-scroll {
    overflow: hidden;
}

/* Default dropdowns */
.dropdown.body {
    padding: 8px;
    position: absolute;
    z-index: 150;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
    min-width: 160px;
    min-height: 32px;
    box-sizing: border-box;
}
.dropdown.body:not(.white-context-menu):not(.fm-dialog):not(.dark)::before {
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: inherit;
}
/* end of Default dropdowns */

/* Default buttons */
.default-white-button, .default-grey-button, .default-red-button, .default-green-button {
    display: block;
    border-radius: 4px;
    line-height: 31px;
    font-size: 16px;
    line-height: 34px;
    height: 34px;
    color: #666666;
    background-color: #FAFAFA;
    padding: 0 25px;
    min-width: 102px;
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    white-space: nowrap;
}
.default-white-button.light.inline {
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
}
.default-white-button.low-shadow {
    background-color: #FFFFFF;
    padding: 0 30px;
}
.default-white-button.light.white {
    background-color: #00BFA5;
    color: #FAFAFA;
}
.default-white-button.light.grey {
    background-color: #F5F5F5;
    color: #666666;
}
.default-grey-button::before, .default-grey-button::after, .default-white-button:not(.light)::before, .default-white-button::after, .default-red-button::before, .default-red-button::after, .default-green-button::before {
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: inherit;
}
.default-white-button.light::after {
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.12);
}
.default-white-button.low-shadow::after {
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.05);
}
.default-white-button.low-shadow::before {
    box-shadow: 0px 0.5px 1px 0px rgba(0,0,0,0.05);
}
.default-white-button.light.white::after {
    box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.96);
}
.default-white-button.light.grey::after {
    box-shadow: 0px 0px 0px 1px #666666;
}
.default-green-button {
    background-color: #00BFA5;
    color: white;
    box-shadow: 0px 0.5px 1px 0px rgba(0,0,0,0.05);
}
.default-green-button.h-40, .default-white-button.h-40 {
    height: 40px;
    font-size: 14px;
    line-height: 40px;
}
.default-green-button.contrast {
    background-color: #00BFA5;
}
.default-green-button.gradient {
    background: #00bfa5;
    background: linear-gradient(to bottom, #00bfa5 0%,#00a690 100%);
}
.default-white-button.lato, .default-green-button.lato {
    font-size: 14px;
    font-family: 'LatoWeb', 'source_sans_proregular', Arial;
}
.default-green-button.height-48 {
    height: 48px;
    line-height: 48px;
    font-size: 15px;
    display: inline-block;
}
.reg-st3-bott-title.price .green-star-img {
    background-image: url('');
    width: 12px;
    background-size: 12px 12px;
    height: 11px;
    margin-top: 10px;
    display: none;
    position: absolute;
    margin-left: 4px;
}
.mobile .reg-st3-txt-achprogram, .reg-st3-txt-localcurrencyprogram  {
    font-size: 13px;
    line-height: 20px;
    font-family: 'latoweb';
    margin-top: 16px;
    color: #666666;
    display: block;
    position: relative;
    margin: 12px auto 8px;
    padding: 0 20px;
}
.mobile .red-star-img {
    background-image: url();
    width: 12px;
    height: 11px;
    margin-left: 8px;
    margin-right: 4px;
    display: inline-block;
}
.reg-st3-txt-localcurrencyprogram .green-star-img {
    background-image: url('');
    width: 12px;
    background-size: 12px 12px;
    height: 11px;
    display: inline-block;
    margin-top: 10px;
    margin-left: 4px;
}
.local-currency .reg-st3-bott-title.price .green-star-img {
    display: inline-block;
}
.reg-st3-bott-title.price .euro-price {
    font-size: 16px;
    background-color: #fff;
    line-height: 24px;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    margin: 14px auto;
    width: -webkit-max-content;
    width: -moz-fit-content;
    color: #9aa0ac;
    padding: 0 12px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.06);
}

.mobile .horizontal-plans .local-currency .num .big {
    font-size: 21px;
}

.mobile .horizontal-plans local-currency .num .big.tooBig {
    font-size: 24px;
}

.mobile .horizontal-plans .local-currency .num .big.tooBig2 {
    font-size: 18px;
}

.mobile .horizontal-plans .local-currency .num .small {
    font-size: 16px;
}

.mobile .horizontal-plans .local-currency .num .small.toosmall {
    font-size: 18px;
}

.mobile .horizontal-plans .local-currency .num .small.toosmall2 {
    font-size: 14px;
}

.local-currency .reg-st3-storage {
    padding-top: 32px;
}

.local-currency .local-code-block {
    display: block;
    font-size: 16px;
    line-height: initial;
}

.local-currency .num {
    line-height: 40px;
}

.limited-bandwidth-dialog .local-currency .reg-st3-bott-title.price .local-currency-code {
    margin-top: 2px;
    margin-bottom: 0px;
}
.mobile .pages-nav.content-block .horizontal-centered-bl {
    max-width: none;
    border-top: 1px solid rgba(0,0,0,0.1);
}
.mobile .bird .img-description .bottom-page.big-header {
    padding: 0 0 27px 0;
}
.mobile .bottom-page.cmd-block {
    display: none !important;
}
.mobile.two-factor-page.intro-page .setup-two-factor-button,
.mobile.two-factor-page.enabled-page .ok-button {
    margin: 0 24px;
}
.mobile.two-factor-page.disabled-page .ok-button {
    margin: 20px 24px;
}
.mobile.two-factor-page.setup-page .no-auth-app-button {
    color: #eb4444;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-top: 17px;
}
.mobile.two-factor-page .qr-code-img {
    width: 180px;
    height: 180px;
    position: relative;
    margin: 28px auto 36px;
    display: block;
}
.mobile.two-factor-indication-wrapper {
    text-align: left;
    margin-left: 60px;
    line-height: 18px;
    font-size: 0;
}
.mobile.two-factor-indicator {
    background-color: #eb4444;
    border-radius: 6px;
    display: inline-block;
    height: 8px;
    margin: 5px 8px 0 0;
    position: relative;
    width: 8px;
}
.mobile.account-twofactor-block.enabled .mobile.two-factor-indicator {
    background-color: #00bfa5;
}
.mobile.account-twofactor-block.enabled .two-factor-heading.enabled {
    display: block;
}
.mobile.account-twofactor-block.enabled .two-factor-text.enabled {
    display: inline;
}
.mobile.account-twofactor-block.enabled .two-factor-heading.disabled,
.mobile.account-twofactor-block.enabled .two-factor-text.disabled {
    display: none;
}
.mobile.dialog-heading-text {
    font-size: 17px;
    margin: 0 auto 12px;
    word-break: break-word;
    line-height: 26px;
}
.objectstorage-mobile .provider-selector-dialog .dialog-heading-text {
    margin: 12px;
}
.mobile.dialog-body-text, .mobile.payment-result .payment-result-txt {
    font-size: 14px;
    color: #676D75;
    letter-spacing: 0;
    text-align: center;
    line-height: 1.5;
    white-space: normal;
    margin: 12px auto 20px;
    font-family: 'LatoWeb', 'source_sans_proregular', sans-serif;
}
.mobile.auth-app-select-dialog {
    background-color: #fff;
    bottom: 0;
    border: 1px solid #eee;
    border-radius: 16px;
    left: 0;
    margin: 5px;
    position: absolute;
    right: 0;
    z-index: 2000;
}
.mobile.bottom-page.auth-app-select-dialog {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 12px;
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
    margin: 12px 0 0 0;
    position: relative;
    width: 100%;
}
.mobile.auth-app-select-dialog .explanation {
    color: #262f3b;
    font-size: 14px;
    line-height: 22px;
    margin: 24px 20px 20px 20px;
}
.mobile.auth-app-select-dialog .app-link {
    cursor: pointer;
    position: relative;
}
.mobile.auth-app-select-dialog .app-link-icon {
    background: url(../images/mega/2fa-auth-apps.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    position: absolute;
    left: 14px;
    top: 12px;
    width: 32px;
}
.mobile.auth-app-select-dialog .authy .app-link-icon {
    background-position: -2px -2px;
}
.mobile.auth-app-select-dialog .duomobile .app-link-icon {
    background-position: -38px -2px;
}
.mobile.auth-app-select-dialog .googleauthenticator .app-link-icon {
    background-position: -2px -38px;
}
.mobile.auth-app-select-dialog .microsoftauthenticator .app-link-icon {
    background-position: -38px -38px;
}
.mobile.auth-app-select-dialog .app-link-text {
    color: #676d75;
    display: block;
    font-size: 15px;
    line-height: 51px;
    margin-left: 64px;
}
.mobile.auth-app-select-dialog .app-link-arrow {
    background-image: url(../images/mega/2fa-auth-apps.png);
    background-position: -14px -77px;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    height: 14px;
    right: 25px;
    position: absolute;
    top: 19px;
    width: 8px;
}
.mobile .bottom-page.auth-app-select-tooltip .app-link-text {
    color: #4C5251;
    display: block;
    font-size: 14px;
    line-height: 56px;
    margin-left: 64px;
    font-family: 'LatoWeb';
    font-weight: 500;
    letter-spacing: .2px;
}
.bottom-page.auth-app-select-tooltip .app-link-arrow {
    background-image: url(../images/mega/2fa-auth-apps.png);
    background-position: -14px -77px;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    height: 14px;
    right: 18px;
    position: absolute;
    top: 22px;
    width: 8px;
}
.mobile.auth-app-select-dialog .separator-line {
    background-color: #eee;
    height: 1px;
    margin-left: 64px;
}
.mobile.auth-app-select-dialog .cancel-button {
    cursor: pointer;
    position: relative;
}
.mobile.auth-app-select-dialog .cancel-button-icon {
    background-image: url(../images/mobile/mobile-sprite.png);
    background-position: -76px -1138px;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    height: 40px;
    left: 0;
    margin: 5px 0 0 7px;
    position: absolute;
    top: 0;
    width: 42px;
}
.mobile.auth-app-select-dialog .cancel-button-text {
    color: #676d75;
    display: block;
    font-size: 15px;
    line-height: 51px;
    margin-left: 64px;
}
.contact-directory {
    display: none;
}

/* Voucher direct redeem dialog */
.mobile.voucher-redeem-dialog {
    display: table;
    position: relative;
    z-index: 2200;
}
.mobile.voucher-redeem-dialog .reg-st3-membership-bl {
    background-color: #f6f6f6;
    display: block;
    margin-bottom: 12px;
    padding: 10px 10px 14px 10px;
    border-radius: 6px;
    border: 1px solid #eee;
    box-sizing: border-box;
}
.mobile.voucher-redeem-dialog .pricing-page.plan {
    margin-bottom: 16px;
}
.mobile.voucher-redeem-dialog .left {
    height: 100%;
    position: absolute;
    border-right: 1px solid #eee;
}
.mobile.voucher-redeem-dialog .pricing-page.plan-icon {
    margin: 47px auto 0 auto;
}
.mobile.voucher-redeem-dialog .plan-title {
    font-size: 16px;
    width: 88px;
}
.fr .mobile.voucher-redeem-dialog .plan-title {
    font-size: 13px;
}
.mobile.voucher-redeem-dialog .pricing-page.plan-content {
    text-align: left;
    margin: 14px 0 16px 115px;
    white-space: normal;
}
.mobile.voucher-redeem-dialog .pricing-page.plan-price {
    padding: 0;
}
.mobile.voucher-redeem-dialog .fm-icon.voucher {
    margin: 48px auto 20px auto;
}
.mobile.voucher-redeem-dialog .title-text, .mobile .payment-result-header, .mobile.loginrequired-dialog  .title-text{
    color: #495057;
    font-family: 'LatoWebBold', 'source_sans_prosemibold';
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 20px;
    text-align: center;
    white-space: normal;
}
.mobile.voucher-redeem-dialog .title-text {
    font-family: var(--text-font-family-second-light);
    font-size: 20px;
    line-height: 30px;
}
.mobile.voucher-redeem-dialog .balance-text {
    color: #818993;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 24px;
    text-align: center;
    font-family: 'LatoWeb', 'source_sans_proregular', sans-serif;
}
.mobile.voucher-redeem-dialog .complete-upgrade-text {
    color: #818993;
    display: block;
    font-family: 'LatoWeb', 'source_sans_proregular', sans-serif;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    white-space: normal;
}
.mobile.payment-result .payment-result-button {
    all: initial;
    box-sizing: border-box;
    color: #fff;
    display: block;
    padding: 15px 6px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    width: calc(50% - 3px);
    background: #00BFA5;
    border: 1px solid #00A58F;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.11), inset 0 2px 1px 0 rgba(255,255,255,0.20);
    font-family: 'LatoWeb';
    font-size: 14px;
    text-align: center;
    line-height: 18px;
    border-radius: 4px;
}
.mobile.payment-result .payment-result-button {
    margin: 0 auto;
    position: relative;
}
.mobile.voucher-redeem-dialog .buttons {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    padding-bottom: 70px;
    position: relative;
}
.mobile.voucher-redeem-dialog .choose-plan-button {
    all: initial;
    align-items: center;
    background: #fdfdfd;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    box-sizing: border-box;
    color: #676D75;
    display: flex;
    font-family: 'LatoWeb', 'source_sans_proregular', sans-serif;
    font-size: 13px;
    justify-content: center;
    line-height: initial;
    margin-right: 2px;
    padding: 15px 6px;
    text-align: center;
    width: 100%;
}
.mobile.voucher-redeem-dialog .complete-upgrade-button {
    all: initial;
    align-items: center;
    background: #00BFA5;
    border: 1px solid #00A58F;
    border-radius: 4px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.11), inset 0 2px 1px 0 rgba(255,255,255,0.20);
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-family: 'LatoWeb', 'source_sans_proregular', sans-serif;
    font-size: 13px;
    justify-content: center;
    line-height: initial;
    margin-left: 2px;
    padding: 15px 6px;
    text-align: center;
    width: 100%;
}

/* Pro page step 2 voucher dialog */
.mobile.voucher-dialog {
    background-color: #fff;
    border-radius: 12px;
    bottom: 8px;
    box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.1);
    font-family: 'LatoWeb', 'source_sans_proregular', sans-serif;
    left: 8px;
    position: fixed;
    right: 8px;
    z-index: 1200;
    max-width: 540px;
    margin: 0 auto;
    transition: opacity 200ms ease-in-out, bottom 200ms ease-in-out;
    opacity: 1;
}
.mobile.voucher-dialog .pro-plan-details,
.mobile.payment-address-dialog .pro-plan-details {
    position: relative;
    margin: 22px 15px;
}
.mobile.payment-address-dialog .pro-plan-details.free-trial {
    margin-bottom: 0;
}
.mobile.payment-address-dialog .pro-plan-details.free-trial .trial-title {
    font-size: 20px;
    margin-bottom: 4px;
}
.mobile.voucher-dialog .plan-icon {
    float: left;
    margin: 6px 0 0 5px;
}
.mobile.payment-address-dialog .plan-icon.no-icon + .payment-plan-info {
    margin-left: 5px;
}
.mobile.payment-address-dialog .plan-icon i {
    display: none;
    float: left;
    height: 32px;
    margin: 6px 0 0 5px;
    width: 32px;
}
.mobile.payment-address-dialog .plan-icon.pro1 i.pro1,
.mobile.payment-address-dialog .plan-icon.pro2 i.pro2,
.mobile.payment-address-dialog .plan-icon.pro3 i.pro3,
.mobile.payment-address-dialog .plan-icon.pro4 i.pro4,
.mobile.payment-address-dialog .plan-icon.pro101 i.pro101,
.mobile.payment-address-dialog .plan-icon.business i.business,
.mobile.payment-address-dialog .plan-icon.feature i.feature {
    display: block;
}

.mobile.voucher-dialog .voucher-plan-info,
.mobile.payment-address-dialog .payment-plan-info {
    margin-right: 42px;
    z-index: 1;
}
.mobile.voucher-dialog .voucher-plan-info {
    margin-left: 56px;
}
.mobile.voucher-dialog .voucher-plan-title,
.mobile.payment-address-dialog .payment-plan-title {
    color: #262f3b;
    font-family: 'LatoWebBold', 'source_sans_prosemibold', sans-serif;
    font-size: 14px;
    line-height: 24px;
}
.mobile.voucher-dialog .voucher-plan-txt,
.mobile.payment-address-dialog .payment-plan-txt {
    color: #818993;
    font-size: 13px;
    line-height: 16px;
}
.mobile.voucher-dialog .voucher-plan-price,
.mobile.payment-address-dialog .payment-plan-price {
    color: #242331;
    font-family: 'LatoWebBold', 'source_sans_prosemibold', sans-serif;
    font-size: 14px;
    line-height: 17px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.mobile.voucher-dialog .separator-line,
.mobile.payment-address-dialog .separator-line {
    background-color: #eee;
    height: 1px;
    margin-bottom: 11px;
}
.mobile.voucher-dialog .separator-line {
    margin-left: 78px;
}
.mobile.voucher-dialog .separator-line:last-of-type {
    display: none;
}
.mobile.voucher-dialog .voucher-account-balance {
    position: relative;
    margin: 0 15px 12px 8px;
}
.mobile.voucher-dialog .voucher-sub-title {
    color: #818993;
    display: block;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 4px;
}
.mobile.voucher-dialog .fm-icon {
    left: 17px;
    position: absolute;
    top: 8px;
    opacity: .6;
}
.mobile.voucher-dialog .right-block {
    margin-left: 64px;
}
.mobile.voucher-dialog .voucher-account-balance .balance-amount,
.mobile.voucher-dialog .voucher-account-balance .payment-eurosign,
.mobile.voucher-dialog .voucher-account-balance .storage-amount,
.mobile.voucher-dialog .voucher-account-balance .transfer-amount,
.mobile.voucher-dialog .voucher-account-balance .new-balance-amount,
.mobile.voucher-dialog .voucher-account-balance .new-storage-amount,
.mobile.voucher-dialog .voucher-account-balance .new-transfer-amount,
.mobile.voucher-dialog .voucher-account-balance .current-achievements-amount {
    color: #ed2942;
    display: inline-block;
    font-family: 'LatoWebBold', 'source_sans_prosemibold', sans-serif;
    font-size: 14px;
    line-height: 16px;
}
.mobile.voucher-dialog .voucher-account-balance.sufficient-funds .balance-amount, .mobile.voucher-dialog .voucher-account-balance .storage-amount, .mobile.voucher-dialog .voucher-account-balance .transfer-amount, .mobile.voucher-dialog .voucher-account-balance.sufficient-funds .payment-eurosign {
    color: #495057;
}
.mobile.voucher-dialog .voucher-account-balance.sufficient-funds .new-balance-amount,
.mobile.voucher-dialog .voucher-account-balance .new-storage-amount,
.mobile.voucher-dialog .voucher-account-balance .new-transfer-amount,
.mobile.voucher-dialog .voucher-account-balance.sufficient-funds .right-span .payment-eurosign,
.mobile.voucher-dialog .voucher-account-balance .current-achievements-amount {
    color: #00A58F;
}
.mobile.voucher-dialog .voucher-information-help {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    background-color: #fafafa;
    color: #646f79;
    font-size: 13px;
    line-height: 20px;
    padding: 20px 16px 20px 16px;
    text-align: center;
    margin-bottom: 20px;
}
.mobile.voucher-dialog .voucher-account-balance + .upgrade-items-block {
    display: none;
}
.mobile.voucher-dialog .voucher-account-balance.sufficient-funds + .upgrade-items-block {
    display: block;
}
.mobile.voucher-dialog .voucher-information-help .voucher-reseller-link {
    color: #ed2942
}
.mobile.voucher-dialog .voucher-dialog-buttons {
    margin: 16px 16px 20px 16px;
}
.mobile.voucher-dialog .voucher-dialog-buttons > div {
    box-sizing: border-box;
    width: 100%;
    width: calc(50% - 3px);
    display: inline-block;
}
.mobile.voucher-dialog .voucher-account-balance ~ div:not(.upgrade-item-block) .voucher-redeem-container {
    width: 100%;
}
/* This overrides the display property from JS*/
.mobile.voucher-dialog .voucher-account-balance ~ div:not(.upgrade-item-block) .purchase-now-container {
    display: none !important;
}
.mobile.voucher-dialog .voucher-account-balance.sufficient-funds ~ div:not(.upgrade-item-block) .purchase-now-container  {
    width: 100%;
    display: block !important;
}
.mobile.voucher-dialog .voucher-dialog-buttons .voucher-redeem {
    border: 1px solid #e2e2e2;
    background: linear-gradient(180deg, #FFFFFF 0%, #FDFDFD 100%);
    border-radius: 4px;
    box-shadow: inset 0 -1px 2px 0 rgba(255,255,255,0.2), inset 0 1px 2px 0 rgba(255,255,255,0.2), 0 1px 1px 0 rgba(0,0,0,0.07);
    color: #676d75;
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 15px;
    padding: 15px 0;
    text-align: center;
}
.mobile.voucher-dialog .voucher-dialog-buttons .voucher-buy-now, .mobile.voucher-dialog .voucher-redeem-now {
    border: 1px solid #00bfa5;
    border-radius: 4px;
    background-image: linear-gradient(-180deg, #07BEB1 0%, #00BFA5 100%);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.11), inset 0 2px 3px 0 rgba(255,255,255,0.20);
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 15px;
    padding: 15px 0;
    text-align: center;
}
.mobile.voucher-dialog .voucher-redeem-now {
    margin: 0 auto;
}
.mobile.voucher-dialog .voucher-block {
    margin-top: 18px;
}
.mobile.voucher-dialog .btn-close-dialog {
    background: none;
    color: #818993;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 24px;
    text-align: center;
    text-decoration: underline;
}
.mobile.voucher-dialog .fm-account-input input {
    border: 1px solid rgba(87,108,105,0.2);
    border-radius: 4px;
    background-color: #fff;
    color: #262f3b;
    font-size: 13px;
    line-height: 16px;
    margin: 0 16px 18px 16px;
    padding: 14px 0;
    text-align: center;
    width: 100%;
    width: calc(100% - 32px);
    box-sizing: border-box;
    font-family: 'LatoWeb';
}
.mobile .voucher-account-balance .mobile.right-span {
    position: relative;
    float: right;
    width: 100%;
    width: calc((100% / 2) + 24px );
    text-align: right;
}
.mobile.payment-result,
.mobile.payment-processing {
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(255,255,255,0.96);
    z-index: 1200;
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
}
.mobile.main-block.payment-processing {
    background: rgba(0,0,0,0.85);
}
.mobile.main-block.payment-result .payment-result-pad {
    position: relative;
    top: initial;
    margin: 0 0;
}
.mobile.main-block.payment-result.success .payment-result-pad {
    width: 100%;
    margin: 0 auto;
}
.mobile.payment-result.success .plan-icon i {
    display: none;
    height: 32px;
    margin: 0 auto;
    width: 32px;
}
.mobile.payment-result.success .plan-icon.pro1 i.pro1,
.mobile.payment-result.success .plan-icon.pro2 i.pro2,
.mobile.payment-result.success .plan-icon.pro3 i.pro3,
.mobile.payment-result.success .plan-icon.pro4 i.pro4,
.mobile.payment-result.success .plan-icon.pro101 i.pro101,
.mobile.payment-result.success .plan-icon.pro100 i.business {
    display: block;
}
.mobile.footer-block {
    position: fixed;
    width: 100%;
    width: calc(100% - 16px);
    bottom: 8px;
    height: 48px;
    display: block;
    background-image: linear-gradient(0deg, #FFFFFF 60%, rgba(255,255,255,0) 100%);
    max-width: 540px;
    border-radius: 14px;
}
.mobile.header-scroll-suggester {
    position: fixed;
    left: 0;
    right: 0;
    bottom: initial;
    top: 8px;
    height: 22px;
    z-index: 1200;
    margin: 0 auto;
    max-width: 540px;
    width: 100%;
    width: calc(100% - 16px);
    background-image: linear-gradient(#FFFFFF 25%, rgba(255,255,255,0) 100%);
    border-radius: 14px;
}
.mobile.payment-address-dialog .grey-container-box {
    margin-bottom: 64px;
}
/* Clear some text-button styling */
.mobile.footer-block .mobile.text-button {
    width: 100%;
    line-height: 48px;
    margin: 0 0;
}
.mobile.empty-icon.custom-login-icon {
    background-position: -160px -2638px;
    width: 120px;
    height: 120px;
}
.mobile.voucher-dialog .fm-account-input input {
    margin: 20px auto;
    width: 100%;
}

.business-info-block.improved-recovery-steps .recover-paste-block {
    display: none;
}
.business-info-block.improved-recovery-steps {
    background-color: transparent;
}
.business-info-block.improved-recovery-steps .mobile.business-text.recovery-key-info {
    display: block;
}
.contact-directory {
    display: none;
}
/* for business account */
.security-page-video-block .download.video-block {
    margin: 0 auto;
    height: 360px;
    position: relative;
    display: block;
    border-radius: 4px;
    overflow: hidden;
}
.security-page-video-block {
    width: 100%;
    max-width: 640px;
    position: relative;
    display: block;
    margin: 48px auto 32px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
    border-radius: 8px;
    padding: 0 0;
    height: 360px;
    border: 8px solid #fff;
}
.securitypractice .security-page-video-block {
    margin-top: 24px;
    position: relative;
    padding-top: 47.5%;
    border: 8px solid #fff;
    height: initial;
}
.bottom-page.scroll-block.securitypractice {
    min-width: initial;
}
/* Download app during onboarding styles goes here */
.mobile .onboarding-suggestions .bottom-page.bottom-bar {
    background-color: transparent;
    height: 72px;
    position: relative;
}
.mobile .onboarding-suggestions .bottom-page.bottom-bar.border {
    border-top: 0px solid transparent;
    position: relative;
    margin-top: 12px;
}
.mobile .onboarding-suggestions .bottom-page.vertical-centered-bl.top-bl {
    background-color: #fff;
    height: calc(100% - 12px);
}
.mobile .onboarding-suggestions .bottom-page.download-container.linux-only {
    display: block;
    padding: 0 0;
    background-color: #fff;
    border: 0 solid transparent;
    border-radius: 0;
    margin: 0 auto;
}
.mobile .onboarding-suggestions .onboard-image.mobile-apps {
    display: block;
}
.mobile .onboarding-suggestions .default-green-button.height-48.download-app, .mobile .onboarding-suggestions .default-green-button.height-48.redirect-clouddrive  {
    width: 100%;
    height: 48px;
    line-height: 47px;
    background: #00BFA5;
    border: 1px solid #00AC94;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
    color: #fff;
    margin: 0 auto;
}
.mobile .onboarding-suggestions .bottom-page.top-dark-info.medium {
    font-size: 28px;
    line-height: 42px;
}
.mobile .onboarding-suggestions .bottom-page.top-bl {
    max-width: 480px;
    margin: 0 auto;
    min-height: initial;
    height: auto;
    position: relative;
    padding: 72px 20px 0;
    display: block;
}
.mobile .onboarding-suggestions .promo-voucher-background {
    position: absolute;
    bottom: 0;
    height: 300px;
    background-color: #fff;
    width: 100%;
    z-index: 0;
    display: block;
}

.mobile .onboarding-suggestions .bottom-page.vertical-centered-bl.top-bl {
    min-height: initial;
}
.mobile .onboarding-suggestions .top-description.pre-download, .mobile .onboarding-suggestions .top-description.post-download, .mobile .onboarding-suggestions .top-dark-info.medium.pre-download, .mobile .onboarding-suggestions .top-dark-info.medium.post-download {
    display: none;
}
.mobile .onboarding-suggestions .top-description.mobile-download, .mobile .onboarding-suggestions .top-dark-info.medium.mobile-download {
    display: block;
}
.mobile .onboarding-suggestions.promo-vouchers .promo-voucher-card {
    max-width: initial;
}
.mobile .onboarding-suggestions .promo-voucher-block {
    margin-bottom: 24px;
}
/* This is to reset the half-page properties added for desktop */
.mobile .onboarding-suggestions.promo-vouchers .bottom-page.half-page {
    width: 100%;
    float: initial;
    display: table;
    height: initial;
}
.mobile .onboarding-suggestions.promo-vouchers .bottom-page.half-page.right-side {
    display: none;
}
.mobile .onboarding-suggestions.promo-vouchers .text-button.redirect-clouddrive-link {
    margin: 40px auto 48px;
}
.mobile .bottom-page.onboarding-suggestions {
    min-width: initial;
    min-height: initial;
}

.takedown-guidance p.first, .privacy-policy p.first {
    padding-top: 5px;
}
.privacy-policy h3 {
    margin-top: 25px;
}
.new-bottom-pages.privacy-policy span.text.list-item {
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
}
/* Terms page index table */
.new-bottom-pages.terms .index-table {
    margin:24px auto;
    width: 100%;
}

.new-bottom-pages.terms .index-table td {
    font-family: 'latoWeb', 'source_sans_proregular', sans-serif;
    padding: 8px 8px 8px 0;
}

.new-bottom-pages.terms .index-table td:not(:first-child) {
    text-align: right;
    white-space: nowrap;
}
.mobile.payment-result.pending.alternate,
.mobile.payment-result.failed {
    position: fixed;
    z-index: 99999;
    background-color: rgba(255, 255, 255, 1);
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
}
.mobile .payment-result-pad {
    width: 100%;
    width: calc(100% - 48px);
    margin: -127px auto;
    top: 50%;
    position: relative;
}
.mobile .payment-result.pending .payment-result-txt > a {
    color: #eb4444;
}

.mobile.key .bottom-page.plans-block.no-pad {
    padding: 0 0;
}


.mobile.pro-card-container {
    height: 72px;
    background-color: #f8f8f8;
    margin: 0 -20px;
    padding: 0 20px;
    overflow: hidden;
    transition: all 500ms ease-in-out;
}
.mobile.payment-options .pro-card-container.free-trial {
    display: flex;
    align-items: center;
    justify-content: center;
}
.mobile.payment-options .pro-card-container.free-trial .mobile.small-text {
    display: none;
}
.mobile.pro-card-container.banner {
    height: 180px;
    transition: all 500ms ease-in-out;
}
.mobile.pro-plan-card-container {
    display: flex;
    justify-content: center;
}
.mobile.payment-options .mobile.small-text.show-plans {
    display: inline-block;
    float: right;
    right: 0;
    text-align: right;
    padding-top: 0;
    font-size: 13px;
    line-height: 24px;
    color: #495057;
    padding: 24px 0;
    opacity: .6;
    text-decoration: underline;
}

/* Fix the header */
.mobile.fm-header.fixed {
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 99;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.07);
}
.mobile.top-hr-pad {
    max-height: calc(100% - 66px);
    vertical-align: top;
    overflow: scroll;
}
.mobile .horizontal-plans.nav-dots-container .nav-dot-style {
    display: block;
}
.mobile .horizontal-plans .nav-dot-style ul {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: default;
}
.mobile .nav-dots-container .nav-dot-style li {
    position: relative;
    display: block;
    float: left;
    margin: 0 8px;
    width: 8px;
    height: 8px;
    cursor: pointer;
}
.mobile .nav-dots-container .nav-dot-style li.current div{
    background-color: #ff4444;
    transition: background-color 0.3s;
}
.mobile .nav-dots-container .nav-dot-style li div {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: 50%;
    background-color: #000;
    background-color: rgba(0,0,0,1);
    text-indent: -999em;
    cursor: pointer; /* make the text accessible to screen readers */
    position: absolute;
}
.mobile .nav-dots-container .nav-dot-fillup li div {
    overflow: hidden;
    background-color:rgba(0,0,0,0.3);
    transition: background-color 0.3s;
}
.mobile .nav-dots-container .nav-dot-fillup li div::after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,1);
    box-shadow: 0 0 1px #fff;
    transition: height 0.3s;
}
.mobile .nav-dots-container .nav-dot-fillup li div:hover, .nav-dot-fillup li div:focus {
    background-color: rgba(0,0,0,0.5);
}

.mobile .nav-dots-container .dotstyle-fillup li.current div::after {
    height: 100%;
}
.mobile .horizontal-plans.nav-dots-container {
    position: relative;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 12px 0;
}
.mobile .horizontal-plans {
    padding:  0 20px;
}
.mobile .nav-dots-container .mobile.nav-dot-style.nav-dot-fillup {
    display: inline-block;
}
.mobile.pro .nav-dots-container .nav-dot-fillup li:last-of-type {
    display: none;
}
.mobile.promo-voucher-block.onboarding-suggestions {
    margin: 20px auto;
    text-transform: uppercase;
}
.mobile .main-pad-block.redeem-promo-page {
    background-color: #fff;
}
.mobile .redeem-promo-page .bottom-page.horizontal-centered-bl {
    padding: 0 0;
}
.mobile .redeem-promo-page .bottom-page.top-dark-info.medium {
    font-size: 24px;
    line-height: 36px;
    padding: 0;
    color: #495057;
}
.mobile .redeem-promo-page .mobile.signin-input {
    margin: 0 0 40px 0;
    width: auto;
    padding: 12px 12px;
    background-color: #fff;
}
.mobile .redeem-promo-page .mobile.signin-input input::placeholder {
    opacity: 1;
}
.mobile .dialog-input-title-ontop.error .error-message {
    width: 100%;
    display: block;
    text-align: center;
    padding: 0;
}
.redeem-promo-page .onboard-image.voucher {
    background-position: -37px -653px;
    width: 140px;
    height: 110px;
    margin: 0 auto 20px;
}
.mobile .redeem-promo-page .dialog-input-title-ontop .dialog-input {
    border: none;
    width: 100%;
    height: initial;
    margin-top: initial;
    margin-right: 0;
    line-height: 24px;
    color: #333;
    font-family: 'LatoWeb';
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #fff;
    cursor: text;
    text-align: center;
}
.mobile .redeem-promo-page .bottom-page.top-description {
    font-size: 14px;
    padding: 12px 0 16px 0;
}
.mobile .redeem-promo-page div.title {
    display: none;
}
.mobile .redeem-promo-page .white-block {
    border: 0 solid #eee;
    min-height: initial;
    box-shadow: 0 0 0 0;
    margin: 0 auto;
    padding: 0 0;
}
.mobile .redeem-promo-page .voucher-input-container {
    background-color: #FAFAFA;
    padding: 8px 8px;
    border-radius: 8px;
    border: 1px solid #eee;
    margin-bottom: 0;
}
.mobile .contact-us-revamp .main-mid-pad.new-bottom-pages {
    padding-bottom: 0;
    padding-top: 0;
}
.mobile .contact-us-revamp .contact-new-txt {
    margin-left: 40px;
}
.mobile .contact-us-revamp .contact-new-button, .mobile a.contact-new-button {
    margin-left: 40px;
}
.mobile .contact-us .contact-new-column {
    margin-bottom: 56px;
    margin-top: 56px;
}
.mobile.fm-header.pfid-style .mobile.fm-icon.folder {
    background-position: -6px -1565px;
    width: 48px;
    height: 46px;
}

/* Verify number*/
.mobile.verify-number .vn-block {
    background-color: #fff;
    padding: 24px 24px 26px 24px;
    position: relative;
    max-width: 560px;
    margin: 80px auto 0;
}
.mobile.verify-number .vn-block .centre-body-text  {
    text-align: center;
    color: #818993;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 22px;
}
.mobile.main-block.verify-number .fm-header {
    background: #fff;
    position: fixed;
    width: 100%;
}
.mobile.verify-number .vn-illustration-block {
    height: 180px;
    background-color: #34ABD4;
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 24px;
    border-radius: 6px;
}
.mobile.verify-number .user-number {
    font-family: 'LatoWebBold', 'source_sans_prosemibold', serif;
    margin: 8px auto;
}
.mobile.verify-number-success .user-number {
    font-family: 'LatoWebBold', 'source_sans_prosemibold', serif;
}
.mobile.verify-number .resend-verification {
    color: #00A58F;
}
.mobile.main-block.country-selector {
    background-color: transparent;
    z-index: 3000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.mobile.country-selector-dialog,
.objectstorage-mobile .mobile.country-selector-dialog,
.objectstorage-mobile .mobile.provider-selector-dialog {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background-color: #fff;
    border-radius: 16px;
    padding: 0 12px;
}
.mobile.dialog-header {
    height: 64px;
    text-align: center;
    display: table;
    position: relative;
    width: 100%;
}
.mobile.verify-number .dialog-heading-text, .mobile.country-selector .dialog-heading-text {
    display: table-cell;
    vertical-align: middle;
}
.mobile.dialog-footer {
    bottom: 0;
    position: absolute;
    height: 60px;
    left: 12px;
    right: 12px;
}
.mobile.country-selector-dialog .fm-block,
.mobile.provider-selector-dialog .fm-block {
    height: calc(100% - 136px);
}
.mobile.country-list-item {
    height: 44px;
}
.mobile.country-list-item .country-name {
    box-sizing: border-box;
    float: left;
    line-height: 44px;
    margin-left: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 124px);
}
.mobile.country-list-item .country-iso-code {
    box-sizing: border-box;
    float: left;
    line-height: 44px;
    margin-left: 12px;
    padding-left: 5px;
    text-align: left;
    width: 100px;
}

.mobile span.roman-number {
    font-family: 'Open Sans Semibold Italic', Arial;
    font-size: 16px;
    letter-spacing: -0.1px;
    color: #D32400;
    float: left;
    display: block;
}
.mobile .copyrights-gray {
    background-color: #fafafa;
}
.mobile .copyrights-gray .new-bottom-pages {
    padding: 48px 20px 73px 20px;
}
.mobile .copyrights-page .reg-st5-complete-button.active {
    min-width: 156px;
    margin: 40px 0 5px 0;
    text-align: center;
}
.mobile p.copyrights-red {
    color: #BF1900;
    padding-bottom: 6px;
}
.mobile .terms-agent-info {
    background-image: url(../images/mega/terms-icons.png);
    background-position: 0 6px;
    background-repeat: no-repeat;
    display: block;
    padding-left: 32px;
    padding: 0 0 0 32px;
    margin-bottom: 15px;
}
.mobile .terms-agent-info.name {
    margin: -5px 0 15px 0;
    background-position: 0 6px;
}
.mobile .terms-agent-info.adress {
    margin: 0 0 15px 0;
    background-position: 0 -101px;
}
.mobile .terms-agent-info.email {
    margin: 0;
    background-position: 0 -229px;
}
.mobile .copyrights-agent-section {
    width: 100%;
}

/*
Thank You dialog
 */
.thankyou-dialog {
    background-color: rgba(34, 34, 34, 1);
    display: block;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2200;
}

.thankyou-dialog .thankyou-close {
    position: absolute;
    right: 0;
    top: 14px;
    width: 50px;
    z-index: 2300;
}

.thankyou-body {
    margin: -125px auto;
    position: relative;
    text-align: center;
    top: 50%;
    width: calc(100% - 48px);
    z-index: 2200;
}

.thankyou-dialog .thankyou-body .thankyou-header,
.thankyou-dialog .thankyou-body .thankyou-txt {
    color: white;
    font-size: 17px;
    line-height: 35px;
    padding-bottom: 17px;
}

.thankyou-dialog .thankyou-body .thankyou-txt {
    font-size: 14px;
    margin: 0 auto;
    max-width: 700px;
    padding-bottom: 35px;
}

.thankyou-dialog .thankyou-body .thankyou-button {
    border: 2px solid rgba(19, 224, 60, 0.7);
    border-radius: 8px;
    box-sizing: border-box;
    color: rgba(19, 224, 60, 1);
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 48px;
    line-height: 44px;
    min-width: 240px;
    padding: 0 15px;
    transition: all 200ms ease-in-out;
}

.thankyou-dialog .thankyou-body .green-link {
    color: #0bbdaa;
}

.mobile.main-avatar .verified_icon {
    display: none;
}

/* Verify code page */
.mobile.verify-code-page .body-text {
    color: #818993;
    font: var(--text-body1);
    line-height: 24px;
    margin: 26px 24px 24px;
}
.mobile.verify-code-page .signin-input.password {
    margin: 0 24px;
}
.mobile.verify-code-page .signin-input.password.error {
    border: 1px solid var(--stroke-error);
    margin-bottom: 6px;
}
.mobile.verify-code-page .signin-input.password + .password-input-error {
    display: none;
}
.mobile.verify-code-page .signin-input.password.error + .password-input-error {
    display: block;
    margin: 0 24px 24px;
    font: var(--text-body2);
    color: var(--text-color-error);
}
.mobile.verify-code-page .verify-password-button {
    margin: 24px;
}
.mobile.verify-code-page .verify-step2 .step2-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.mobile.verify-code-page .verify-step2 .step2-text span {
    display: block;
    text-align: center;
    font: var(--text-body1);
    color: var(--text-color-high);
    margin: 0 24px 12px;
    overflow-wrap: break-word;
}
.mobile.verify-code-page .verify-step2 .step2-text span.verify-header {
    font: var(--text-h3-bold);
}
.mobile.verify-code-page .step2-icon {
    --icon-size: 56px;
    width: 100%;
    height: 56px;
    margin-bottom: 16px;
}
.mobile.verify-code-page .step2-icon span {
    margin: auto;
}
.mobile.verify-code-page .verify-step2 button {
    margin: 12px 24px;
}

/* End Verify code page */

/* Only media queries after here */
@media only screen and (max-width: 970px) {
    .securitypractice .security-page-video-block {
        max-width: 640px;
        width: calc(100% - 64px);
        min-width: 272px;
    }
    .security-page-video-block .download.video-block {
        height: auto;
    }
}


@media only screen and (orientation:portrait) {
    .wrong-file .mobile.content-row, .downloading .mobile.content-row, .uploading .mobile.content-row {
        width: 100%;
        float: none;
    }
    .wrong-file .mobile.white-block, .downloading .mobile.white-block, .uploading .mobile.white-block {
        margin: 0;
        position: relative;
    }
    .mobile.fm-item-link:first-child {
        background-image: none;
    }
}


@media only screen and (orientation:landscape) and (max-width: 1280px), only screen and (orientation:portrait) and (max-height: 1280px) {
    .mobile.tablet-img {
        max-width: 600px;
        height: 420px;
        background-image: url(../images/mobile/ipad-mid@2x.png);
    }
    .mobile.filesize,
    .mobile.download-speed,
    .mobile.download-percents {
        font-size: 14px;
        line-height: 1.5;
        margin: 0;
        padding: 0 18px;
    }
    .mobile.download-progress .bar {
        height: 44px;
    }
    .mobile.filetype-img {
        width: 64px;
    }
    .mobile.red-button.disabled i {
        background-position: -66px -209px;
        margin: 1px 2px 0 0;
        width: 18px;
        height: 18px;
    }
    .mobile.download-speed {
        padding: 0 23px 0 0;
        background-position: -172px -249px;
    }
    .mobile.download-percents {
        padding: 0 0 0 23px;
        background-position: -247px -249px;
    }
    .mobile.warning-icon {
        width: 34px;
        height: 34px;
        background-position: -78px -114px;
        display: inline-block;
    }
    .app-info-block .mobile.download-app {
        width: 138px;
        height: 42px;
        background-position: 0 -765px;
    }
    .android.app-info-block .mobile.download-app {
        background-position: 0 -705px;
    }
    .wp.app-info-block .mobile.download-app {
        background-position: 0 -825px;
        width: 136px;
    }
    .mobile.tablet-img {
        max-width: 480px;
        height: 330px;
    }
    .mobile.tablet-img-wrapper {
        margin: 0 15px;
    }
    .mobile.application-txt {
        font-size: 14px;
        line-height: 22px;
    }
    .download-page .previewer-block,
    .mobile.video .download.video-block,
    .download-page.image .image-block {
        height: 236px;
    }
    .security-page-video-block.mobile.video .download.video-block {
        height: auto;
    }
}


@media only screen and (orientation:portrait) and (max-height: 1280px) {
    .download-page .previewer-block,
    .mobile.video .download.video-block,
    .download-page.image .image-block {
        height: 236px;
    }
    .security-page-video-block.mobile.video .download.video-block {
        height: auto;
    }
}

@media only screen and (min-width: 990px) {
    .mobile.key .horizontal-plans.nav-dots-container {
        display: none;
    }
}

@media only screen and (min-width: 800px) {
    .mobile.pro .horizontal-plans.nav-dots-container {
        display: none;
    }
}

@media only screen and (orientation:landscape) and (min-width: 800px) {
    .mobile.pro .horizontal-plans.nav-dots-container {
        display: none;
    }
}

/* Ipad and larger sizes can go here and not effect most mobile devices */
@media only screen and (orientation:landscape) and (min-width: 768px) and (min-height: 768px), only screen and (orientation:portrait) and (min-height: 768px) and (min-width: 768px) {
    .mobile .improved-recovery-steps .backup-input-button.recover-button {
        max-width: 100px;
    }
    .mobile .improved-recovery-steps .main-right-block {
        width: 25%;
        display: block;
        background-color:#F6F7F8;
        margin: 36px 0 0 0;
        bottom: 0;
        top: 0;
        left: 0;
        float: left;
    }
    .mobile .improved-recovery-steps .register-st2-txt-block {
         min-height: 1024px;
    }
    .mobile .park-account-dialog .improved-recovery-steps {
        min-height: initial;
    }
    .mobile .improved-recovery-steps .button-container {
        bottom: 0;
        position: relative;
    }
    .mobile.fm-dialog.park-account-dialog {
        border-radius: 6px;
        max-width: 480px;
        padding: 32px 24px;
    }
    .mobile .improved-recovery-steps .login-register-input {
        margin-bottom: 0;
    }
    .mobile.session-history-page .active.session-history .sh-round-button, .mobile.main-block .mobile.session-status {
        transform: none;
        top: 10px;
    }
    .mobile.session-history-page .mobile.fm-item-info {
        padding-top: 10px;
    }
    .mobile.session-history-page .sh-item-date {
        display: inline-block;
        float: right;
        line-height: 26px;
        font-size: 14px;
        width: 180px;
        text-align: right;
        white-space: nowrap;
    }
    .mobile.session-history-page .sh-item-device {
        display: inline-block;
        float: left;
        vertical-align: middle;
        white-space: normal;
        max-width: calc(100% - 430px);
    }
    .mobile.session-history-page .mobile.fm-item-info:after {
        content: "";
        clear: both;
        display: block;
    }
    .mobile.session-history-page .mobile.fm-item-info {
        padding: 10px 150px 10px 20px;
    }
    .mobile.session-history-page .session-history:not(.ipv6) .sh-item-ip {
        display: inline-block;
    }
    .mobile.session-history-page .sh-item-location {
        display: inline-block;
        width: 236px;
        float: right;
        margin-right: 8px;
        line-height: 26px;
    }
    .mobile.session-history-page .folders-files-text .sh-device-header {
        display: inline-block;
    }
    .mobile.session-history-page .folders-files-text .sh-location-header {
        display: inline-block;
        float: right;
        width: 255px;
    }
    .mobile.session-history-page .folders-files-text .sh-date-header {
        display: inline-block;
        float: right;
        width: 180px;
        text-align: right;
    }
    .mobile.session-history-page .folders-files-text .sh-status-header {
        display: inline-block;
        float: right;
        text-align: right;
        margin-right: 22px;
        width: 117px;
    }
    .mobile.session-history-page .sh-round-button span {
        display: block;
        font-family: 'Lato-Regular', 'source_sans_proregular', sans-serif;
        font-size: 14px;
    }
    .mobile.voucher-dialog {
        top: 50%;
        transform: translateY(-50%);
        bottom: initial;
    }
    .securitypractice .bottom-page.top-title {
        padding-top: 32px;
        padding-bottom: 48px;
    }
    .mobile .horizontal-plans .bottom-page.plans-block.no-pad {
        padding: 0 20px;
        margin: 18px auto 0;
    }
    .two-factor-qr-block {
        margin: 26px 38px 0 38px;
    }
    .mobile.verify-login-page .two-factor-qr-block {
        margin: 0 auto;
        padding: 36px 38px;
    }
    .mobile.country-selector-dialog,
    .objectstorage-mobile .mobile.country-selector-dialog,
    .objectstorage-mobile .mobile.provider-selector-dialog {
        max-width: 420px;
        left: 50%;
        margin-left: -210px;
        max-height: 640px;
        top: 50%;
        margin-top: -320px;
    }
    .mobile.verify-number .vn-block {
        margin: 150px auto 0;
    }
}
@media only screen and (orientation:landscape) and (max-width: 800px), only screen and (orientation:portrait) and (max-height: 800px) {
    .mobile.homepage .company-slogan {
        font-size: 24px;
        font-size: 8.5vw;
    }
    .mobile.homepage .first-message, .mobile.homepage .second-message {
        font-size: 16px;
    }
    .mobile.homepage .feature-title {
        font-size: 20px;
    }
    .mobile.homepage .bottom-link {
        font-size: 15px;
    }
    .mobile.main-menu {
        position: absolute;
        width: 75%;
        height: 100%;
        left: 100%;
        transition: all 200ms ease-in-out;
    }
    .mobile.homepage .company-logo {
        margin: 80px 0 0 0;
    }
    .mobile.homepage .company-slogan, .mobile.homepage .first-message {
        text-align: left;
        max-width: none;
    }
    .mobile.homepage .download-app {
        margin: 30px 0 0 30px;
    }
    .mobile.app-info.bottom {
        display: none;
    }
    .mobile.filetype-img {
        width: 72px;
    }
    .mobile.filesize,
    .mobile.download-speed,
    .mobile.download-percents {
        margin: 3px 0 0 0;
        font-size: 14px;
    }
    .mobile.download-progress .bar {
        height: 44px;
    }
    .mobile.application-txt {
        font-size: 14px;
        line-height: 22px;
    }
    .mobile.red-button.disabled i {
        background-position: -200px -206px;
        width: 22px;
        height: 22px;
    }
    .mobile.warning-icon {
        width: 38px;
        height: 38px;
        background-position: -209px -112px;
    }
    .wrong-file .mobile.content-row.second {
        height: 60.5%;
    }
    .downloading .mobile.content-row.second, .uploading .mobile.content-row.second {
        height: 60%;
    }
    .app-info-block .mobile.download-app {
        width: 136px;
        height: 47px;
        background-position: 0 -564px;
    }
    .ios.app-info-block .mobile.download-app {
        width: 152px;
    }
    .android.app-info-block .mobile.download-app {
        background-position: 0 -496px;
    }
    .wp.app-info-block .mobile.download-app {
        background-position: 0 -632px;
        width: 128px;
    }
    .download-page .previewer-block,
    .mobile.video .download.video-block,
    .download-page.image .image-block {
        height: 194px;
    }
    .security-page-video-block.mobile.video .download.video-block {
        height: auto;
    }
}


@media only screen and (orientation:landscape) and (max-width: 800px) {
    .mobile.white-block {
        margin: 0;
    }
    .mobile.homepage .company-slogan {
        font-size: 44px;
    }
    .wrong-file .mobile.main-block, .downloading .mobile.main-block, .uploading .mobile.main-block {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .wrong-file .mobile.content-row, .downloading .mobile.content-row, .uploading .mobile.content-row {
        min-height: 235px;
        width: 100%;
        float: none;
    }
    .wrong-file .mobile.content-row.first .content-cell, .downloading .mobile.content-row.first .content-cell, .uploading .mobile.content-row.first .content-cell {
        vertical-align: middle;
    }
    .app-info-block .mobile.download-app {
        margin-bottom: 60px;
    }
    .wrong-file .mobile.white-block, .downloading .mobile.white-block, .uploading .mobile.white-block  {
        position: relative;
        margin: 0 0;
    }
}


@media only screen and (orientation:landscape) and (max-width: 670px), only screen and (orientation:portrait) and (max-height: 670px) {
    .mobile.white-block {
        width: calc(100% - 32px);
    }
    .mobile.grey-textarea {
        margin: 0 0 9px 0;
    }
    .mobile.overlay-info p {
        font-size: 15px;
    }
    .mobile.overlay-info {
        min-height: 0px;
    }
    .download-page .previewer-block,
    .mobile.video .download.video-block,
    .download-page.image .image-block {
        height: 176px;
    }
    .security-page-video-block.mobile.video .download.video-block {
        height: auto;
    }
    .mobile.filesize,
    .mobile.download-speed,
    .mobile.download-percents {
        margin: 0px 0 12px 0;
        font-size: 14px;
        line-height: 24px;
        padding: 0 10px;
        letter-spacing: 0px;
    }
    .mobile.download-progress .bar {
        height: 44px;
    }
    .mobile.red-button.disabled i {
        background-position: -66px -209px;
        width: 18px;
        height: 18px;
    }
    .mobile.filetype-img, .downloaidng .mobile.filetype-img, .wrong-file .mobile.filetype-img {
        width: 64px;
    }
    .wrong-file .mobile.content-row.first, .wrong-file .mobile.content-row.second {
        height: 100%;
    }
    .downloading .mobile.content-row.second, .uploading .mobile.content-row.second {
        height: 60%;
    }
    .mobile.warning-icon {
        width: 32px;
        height: 32px;
        background-position: -126px -116px;
    }
    .app-info-block .mobile.download-app {
        width: 137px;
        height: 42px;
        background-position: 0 -765px;
    }
    .android.app-info-block .mobile.download-app {
        background-position: 0 -705px;
    }
    .wp.app-info-block .mobile.download-app {
        background-position: 0 -825px;
        width: 136px;
    }
    .mobile.application-txt {
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 0.2px;
        padding: 12px 12px 32px;
        background: rgba(235,68,68,0.05);
        border: 1px solid rgba(235,68,68,0.40);
        border-radius: 2px;
        padding: 8px 8px 30px;
        width: calc(100% - 32px);
        margin: 8px auto;
    }
    .wrong-file .mobile.wrong-file-block, .downloading .mobile.application-txt, .uploading .mobile.application-txt {
        width: calc(100% - 32px);
    }
    .mobile .improved-recovery-steps .content-wrapper {
        margin: 24px 16px 32px;
        min-height: initial;
    }
    .mobile .improved-recovery-steps h1, .mobile.fm-dialog.park-account-dialog .fm-dialog-title {
        font-size: 18px;
        line-height: 27px;
    }
}


@media only screen and (orientation:landscape) and (max-width: 670px) {
    .mobile.white-block {
        margin: 0;
    }
    .wrong-file .mobile.white-block, .downloading .mobile.white-block, .uploading .mobile.white-block {
        margin: 0 0 ;
    }
}


@media only screen and (orientation:landscape) and (max-width: 570px), only screen and (orientation:portrait) and (max-height: 570px) {
    .mobile.filetype-img, .downloaidng .mobile.filetype-img, .wrong-file .mobile.filetype-img {
        width: 54px;
    }
    .mobile.filename {
        font-size: 14px;
        line-height: 1.5;
        white-space: nowrap;
        overflow: hidden;
        text-overflow:ellipsis;
        letter-spacing: 0px;
    }
    .mobile.filesize,
    .mobile.download-speed,
    .mobile.download-percents {
        margin: 0;
        font-size: 13px;
        color: #818993;
        line-height: 24px;
        padding: 0 10px;
        letter-spacing: 0px;
    }
    .mobile.download-speed {
        padding: 0 13px 0 0;
        background-position: -172px -249px;
    }
    .mobile.download-percents {
        padding: 0 0 0 13px;
        background-position: -247px -249px;
    }
    .mobile.download-progress .bar {
        height: 44px;
    }
    .mobile.application-txt {
        font-size: 15px;
        line-height: 28px;
    }
    .app-info-block .mobile.download-app {
        width: 112px;
        height: 35px;
        background-position: 0 -945px;
    }
    .android.app-info-block .mobile.download-app {
        background-position: 0 -895px;
    }
    .wp.app-info-block .mobile.download-app {
        background-position: 0 -995px;
        width: 92px;
    }
    .mobile.warning-icon {
        width: 26px;
        height: 26px;
        background-position: -171px -119px;
    }
    .mobile.error-txt {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0;
        padding: 4px;
    }
    .mobile.error-txt span.asterisk-msg {
        color: #999999;
        font-size: 10px;
    }
    .wrong-file .mobile.content-row.second {
        height: 54.5%;
    }
    .mobile.red-button.disabled i {
        background-position: -135px -210px;
        width: 16px;
        height: 16px;
    }
    .wrong-file .mobile.white-block {
        margin-top: 32px;
    }
    .mobile.fm-dialog.park-account-dialog .fm-dialog-title {
        font-size: 16px;
    }
    .mobile.fm-dialog.park-account-dialog .checkbox-container .settings-row label {
        font-size: 12px;
    }
    .mobile.fm-dialog.park-account-dialog .checkbox-block {
        margin-top: 16px;
    }
    .mobile.fm-dialog.park-account-dialog .checkbox-container {
        padding: 8px 0;
    }
    .mobile.fm-dialog.park-account-dialog .improved-recovery-steps {
        margin: 16px 0;
    }
    .mobile.fm-dialog.park-account-dialog .login-register-input input {
        font-size: 12px;
    }
    .mobile.fm-dialog.park-account-dialog .checkbox-container .settings-row label {
        padding: 6px 12px 6px 0;
    }
    .mobile.fm-dialog.park-account-dialog .checkbox-container .settings-row div.checkboxOff, .mobile.fm-dialog.park-account-dialog .checkbox-container .settings-row div.checkboxOn {
        margin: 8px 14px 16px 14px;
    }
    .video-info-block span.play-video-encouragement {
        text-align: left;
    }
    .mobile.fm-dialog-viewport {
        display: block;
        height: 100%;
        max-height: 550px;
        overflow-y: scroll;
    }
}


@media only screen and (orientation:landscape) and (max-width: 570px) {
    .mobile.white-block {
        margin: 0;
    }
    .wrong-file .mobile.white-block, .downloading .mobile.white-block, .uploading .mobile.white-block {
        margin: 0 0 0 0;
    }
    .app-info-block .mobile.download-app {
        margin-bottom: 50px;
    }
    .mobile.content-row {
        min-height: 0;
    }
}

@media only screen and (max-width: 570px) {
    .mobile .improved-recovery-steps .check-sessions .col-3, .mobile .improved-recovery-steps .col-3  {
        display: block;
        width: 100%;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 414px) {
    .mobile .improved-recovery-steps .col-3 {
        width: 100%;
    }
    .mobile .improved-recovery-steps .check-sessions, .mobile .improved-recovery-steps .check-sessions .col-3 {
        display: block;
    }
    .mobile .improved-recovery-steps .check-sessions .col-3 {
        margin-bottom: 3px;
    }
    .mobile .improved-recovery-steps .check-sessions .checkboxOn, .mobile .improved-recovery-steps .check-sessions .checkboxOff {
        right: 24px;
        top: 3px;
    }
    .mobile .bottom-page .security-illustration {
        transform: scale(0.75);
    }
    .securitypractice .business-info-block {
        padding: 0 0;
    }
    .bottom-page.business-text {
        font-size: 15px;
        line-height: 26px;
        text-align: center;
    }
    .mobile .onboarding-suggestions .bottom-page.top-description {
        margin: 8px auto 20px;
    }
    .mobile .onboarding-suggestions .bottom-page.top-dark-info.medium {
        font-size: 24px;
        line-height: 36px;
    }
}


/* Adjust the layout of the My Account page for longer screens to push buttons into acceptable range */
@media only screen and (min-height: 668px) {
    .mobile.tab-block.sign-in, .mobile.tab-block.register {
        padding-top: 48px;
    }
    .two-factor-qr-block .mobile.signin-input {
        padding-top: 12px;
    }
    .mobile.signin-input {
        height: 54px;
        padding-top: 13px;
    }
    .mobile.signin-input.two-factor-seed-input {
        height: 64px;
    }
    .mobile.signin-input span {
        top: 16px;
    }
    .new-registration {
        margin-left: 24px;
        margin-right: 24px;
    }
    .mobile.signin-button, .mobile.register-button,
    .mobile.resend-button, .mobile.register-cancel-button, .mobile.create-account-button {
        height: 48px;
        line-height: 47px;
        margin-left: 24px;
        margin-right: 24px;
    }
    .mobile.remember-me,
    .mobile.confirm-terms,
    .mobile.signin-input {
        margin-left: 24px;
        margin-right: 24px;
    }
    .two-factor-verify-seed-wrapper .mobile.signin-input {
        margin-left: 0;
        margin-right: 0;
    }
    .mobile.registration-confirm-email .email-icon {
        margin-top: 72px;
    }
    .mobile.registration-confirm-email .change-email {
        padding: 17px 0;
        margin-left: 24px;
        margin-right: 24px;
    }
}


/* Specific styles for showing grid view on devices in landscape and portrait*/
@media only screen and (orientation:landscape) and (min-width: 813px) and (max-width: 1025px), only screen and (orientation:portrait) and (min-height: 781px) and (max-height: 800px) {
}


@media only screen and (orientation:landscape) and (max-width: 825px), only screen and (orientation:portrait) and (max-height: 420px) {
}


/* iPhone X Portrait styles go here */
@media only screen and (orientation:landscape) and (max-width: 376px), only screen and (orientation:portrait) and (min-height: 801px) and (max-height: 813px) {
    .mobile .improved-recovery-steps .main-right-block {
        display: none;
    }
    .mobile .improved-recovery-steps .content-wrapper {
        margin: 40px 16px;
    }
    .mobile .improved-recovery-steps .content-wrapper {
        min-height: initial;
    }
    .mobile.grid-view .file .fm-item-img {
        height: 164px;
    }
    .mobile .bottom-page .security-illustration {
        transform: scale(0.75);
    }
}


/* Devices larger than 400px wide in portrait */
@media only screen and (orientation:landscape)and (min-width: 412px) and (max-width: 415px), only screen and (orientation:portrait) and (min-height: 810px) and (max-height: 824px) {
}


/*iphone se portrait styles */
@media only screen and (orientation:landscape) and (max-width: 321px), only screen and (orientation:portrait) and (max-height: 569px) {
    .download-page .previewer-block,
    .mobile.video .download.video-block,
    .download-page.image .image-block {
        height: 150px;
    }
    .security-page-video-block .mobile.video .download.video-block {
        height: auto;
    }
    .mobile.grid-view .file .fm-item-img {
        height: 132px;
    }
    .mobile .bottom-page .security-illustration {
        transform: scale(0.75);
    }
    .securitypractice .business-info-block {
        padding: 0 0;
    }
    .bottom-page.horizontal-centered-bl.wide {
        padding: 0 32px;
    }
    .top-blue-bg .bottom-page.angle-bg {
        top: 10px;
    }
    .mobile .bottom-page.top-title {
        padding-top: 40px;
        padding-bottom: 20px;
        line-height: 1.5;
    }
    .securitypractice .bottom-page.large-subheader {
        margin-top: 12px;
    }
}


/*iphone se landscape styles */
@media only screen and (orientation:portrait) and (max-height: 321px), only screen and (orientation:landscape) and (max-width: 569px) {
}


/* Large tablets Landscape styles go here */
@media only screen and (orientation:landscape) and (min-width: 1280px) and (max-width: 1440px), only screen and (orientation:portrait) and (min-height: 1025px) and (max-height: 1025px) {
    .mobile.session-history-page .sh-item-location {
        width: 540px;
    }
    .mobile.session-history-page .sh-item-date {
        width: 200px;
    }
    .mobile.session-history-page .folders-files-text .sh-date-header {
        width: 200px;
    }
    .mobile.session-history-page .folders-files-text .sh-location-header {
        width: 560px;
    }
}


/* Large tablets Portrait styles go here */
@media only screen and (orientation:landscape) and (min-width:900px) and (max-width: 1025px), only screen and (orientation:portrait) and (min-height: 1281px) and (max-height: 1367px) {
    .securitypractice .security-page-video-block {
        padding-top: 0;
        height: 360px;
    }
    .mobile.verify-number .vn-block {
        padding: 32px 48px 26px 48px;
        margin-top: 120px;
    }
}
/* For screens with larger width than 400px e.g. iPhone 7S etc make the Pro page step 2 items show on the same line */
@media only screen and (min-width: 400px) and (max-width: 500px) {
    .mobile .improved-recovery-steps .vert-container-aligner {
        width: calc(100% - 24px);
        margin: 80px auto 24px;
    }
    .mobile .improved-recovery-steps .content-wrapper {
        margin: 40px 24px 40px 24px;
        min-height: initial;
    }
}
@media screen and (orientation:landscape) {
    .app-info-block .mobile.download-app {
        display: none;
    }
    .mobile.mega-app-icon {
        width: 36px;
        height: 36px;
    }
    .mobile.white-mega-logo {
        margin-left: 5px;
        margin-top: 5px;
    }
    .mobile .improved-recovery-steps .backup-input-button.recover-button {
        max-width: 100px;
    }
}
@media screen and (orientation:portrait) {
    .mobile .improved-recovery-steps .main-right-block {
        display: none;
    }
}
@keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/**
 * Chatlink preview page styles
 */
.mobile.chat-links-preview {
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: inherit;
}
.chatlink-mobile-header {
    display: flex;
    justify-content: center;
    padding-top: 32px;
    padding-bottom: 18px;

    position: relative;
}
.chatlink-mobile-header i {
    --icon-size: 50px;
}
.chatlink-mobile-body {
    flex-grow: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
.chatlink-mobile-body i {
    --icon-size: 50px;
    margin-bottom: 30px;
}
.chatlink-mobile-body h2 {
    color: #121212;
    font: var(--text-h2-montserrat-bold);
    letter-spacing: 0;
    text-align: center;
    max-width: 350px;
    margin: 0;
}
.chatlink-mobile-body img {
    height: 124px;
}
.chatlink-mobile-body p,
.chatlink-mobile-body .members {
    font: var(--text-body1);
    color: var(--text-color-low);
    text-align: center;
    max-width: 250px;
    margin: 16px auto;
}
.chatlink-mobile-body .members {
    display: block;
    margin: 20px auto;
}
.chatlink-mobile-body .link-block {
    display: flex;
    flex-direction: column;
    height: 140px;
    padding: 0 40px 30px;
    justify-content: space-around;
    align-items: center;
    text-align: center;
}
.chatlink-mobile-body .link-block button.mega-button {
    padding: 0 20px;
    min-width: 200px;
    display: block;
    max-width: 300px;
}
.chatlink-mobile-body .link-block a {
    font: var(--text-h3);
    text-decoration: underline;
    color: var(--text-color-high);
}

.chatlink-contents {
    text-align: center;
}
.chatlink-contents span {
    display: block;
    color: rgba(102,102,102,1);
    font-size: 16px;
    margin-top: 32px;
    margin-bottom: 24px;
}
.chatlink-contents h3 {
    color: rgba(51,51,51,1);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.52px;
    line-height: 24px;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 6px;
}
.chatlink-contents h5 {
    color: rgba(102,102,102,1);
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.18px;
    line-height: 21px;
    text-align: center;
    margin: 0;
    margin-bottom: 32px;
}

.chatlink-contents a {
    background-color: rgba(0,191,165,1);
    border-radius: 4px;
    color: rgba(255,255,255,1);
    font-size: 17px;
    line-height: 40px;
    text-align: center;
    padding: 0 24px;
    width: 60%;
    display: block;
    margin: 0 auto;
}

.chatlink-contents p {
    width: 75%;
    margin: 32px auto 32px auto;
}
.chatlink-contents p, .chatlink-contents a {
    max-width: 250px;
}
/**
 * End of chatlink preview page styles
 */
/*subscription page*/
.mobile .underline-btn-txt {
    display: block;
    text-align: center;
}
.mobile .bottom-page.unsub .icon64 {
    background-image: url(../images/mega/big-icons.png);
    background-repeat: no-repeat;
    width:64px;
    height: 64px;
    position: relative;
    background-position: -117px -1261px;
}
.bottom-page.unsub .tip-wrapper .underline-btn-txt {
    margin-top: 8px;
}
.mobile .sent-email-logo {
    background-image: url(../images/mega/big-icons.png);
    background-repeat: no-repeat;
    width: 86px;
    height: 44px;
    position: relative;
    background-position: -17px -1091px;
}
.new-bottom-pages.dev-nw .new-left-menu-block {
    display: none;
}
.new-bottom-pages.dev-nw .new-right-content-block ul {
    list-style: unset;
}
.new-bottom-pages.dev-nw .new-right-content-block ul li {
    background-image: unset;
    background-size: unset;
    list-style: unset;
}
code, c {
    font-family: "Courier New", Courier, monospace;
}
.mobile .dev-new-button {
    margin-top: 10px;
}
.mobile .key-management {
    display: none;
}

/*For business over due payment page*/
.mobile .card-container.bus-repay {
    margin: 0;
    border: none;
    width: 100%;
    min-width: 0;
    padding: 3%;
    overflow: hidden;
}
.mobile .mobile.bus-repay {
    display: block;
}
.mobile .mobile.bus-repay .fm-header {
    position: absolute;
}
.mobile .bus-repay .dialog-title {
    display: none;
}
.mobile .main-pad-block {
    z-index: 1;
}
.mobile .mobile.bus-repay {
    z-index: 99;
}
.mobile .bus-repay .dialog-subtitle {
    font-size: 14px;
    color: #999;
    line-height: 21px;
    height: auto;
    text-align: center;
    position: relative;
}
.mobile .main-mid-pad.bus-repay .main-left-block, .mobile .main-mid-pad.bus-repay .main-right-block {
    padding: 32px 0 0;
}
.mobile .bus-reg-icon {
    background-image: url(../images/mobile/mobile-sprite.png);
    width: 24px;
    height: 24px;
    opacity: 0.6;
    float: none;
    display: inline-block
}
.mobile .bus-reg-icon.company-name {
    background-position: -91px -3025px;
}
.mobile .bus-reg-icon.email {
    background-position: -125px -3025px;
}
.mobile .bus-reg-icon.number-of-user {
    background-position: -158px -3025px;
}
.mobile .bus-reg-icon.phone {
    background-position: -217px -3058px;
}
.mobile .bus-reg-icon.pw {
    background-position: 0px -3367px;
}
.bus-reg-icon.pw1 {
    background-position: -32px -3367px;
}
.bus-reg-icon.pw2 {
    background-position: -66px -3367px;
}
.mobile .bus-reg-radio-option {
    margin-bottom: 12px;
    width: 100%;
}
.mobile .card-container .dialog-heading-img {
    background-image: url(../images/mobile/mobile-sprite.png);
}
.mobile .payment-reminder-logo {
    width: 96px;
    height: 96px;
    display: block;
    margin: 48px auto;
}
.mobile .main-mid-pad.bus-repay .bus-reg-plan.repay {
    width: 106%;
    left: -3%;
    box-shadow: none;
    border-radius: 0;
    border-left: none;
    border-right: none;
    padding: 8px;
}
.mobile .main-mid-pad.bus-repay .repay-btn.small-view-btn {
    display: block;
}
.mobile .main-mid-pad.bus-repay .revert-to-free-btn.small-view-btn {
    display: block;
}
.card-container.bus-repay .account-info-icon {
    --icon-size: 24px;
    --mask-color: var(--text-color-high);
    display: inline-block;
    vertical-align: middle;
}

@media only screen and (min-width: 801px) {
    .mobile .main-mid-pad.bus-repay .repay-btn.small-view-btn {
        display: none;
    }
    .mobile .main-mid-pad.bus-repay .revert-to-free-btn.small-view-btn {
        display: none;
    }
}

@media only screen and (min-width: 882px) {
    .mobile .card-container.bus-repay {
        width: 850px;
        height: auto;
        padding: 32px 16px 24px;
        margin: 0 auto 80px;
        box-sizing: border-box;
        background-color: #fff;
        border-radius: 8px;
        border: 1px solid rgba(0, 40, 100, 0.12);
    }
    .mobile .main-mid-pad.bus-repay .main-left-block, .mobile .main-mid-pad.bus-repay .main-right-block {
        padding: 20px;
    }
    .mobile .main-mid-pad.bus-repay .bus-reg-plan.repay {
        width: 364px;
        left: 0;
        padding: 16px;
        border-radius: 8px;
        border: 1px solid rgba(0,0,0,0.1);
    }
    .mobile .main-mid-pad.bus-repay .section-wrapper:last-child .default-56px-button {
        display: block;
        font-size: 18px;
        border-radius: 4px;
        line-height: 55px;
        color: white;
        padding: 0 15px;
        min-width: 203px;
        height: 56px;
        text-align: center;
        cursor: pointer;
        background-color: #00BFA5;
        position: relative;
        transition: all 200ms ease-in-out;
        box-sizing: border-box;
        white-space: nowrap;
    }
    .mobile .main-mid-pad.bus-repay .section-wrapper:last-child .disabled {
        opacity: 0.5;
    }
}

.voucher-info-redeem {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}
.voucher-info-redeem .voucher-block {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 40px;
}
.voucher-info-redeem .voucher-logo {
    width: 80%;
    height: 100px;
    margin-bottom: 26px;
    background-color: #EB4444;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05);
    border: 1px solid #d90007;
    border-radius: 4px 4px 4px 4px;
    text-align: initial;
    display: inline-block;
    font-size: 0;
    white-space: nowrap;
}
.voucher-info-redeem .voucher-logo.business-v,
.voucher-info-redeem .voucher-logo.pro-iv {
    background-color: #46B4E5;
    border: unset;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05);
}
.voucher-info-redeem .voucher-logo.pro-l {
    background-color: #FFAF00;
    border: 1px solid #FD8116;
    color: #fff;
}
.voucher-info-redeem .voucher-logo .voucher-head {
    border-radius: 4px 4px 0 0;
    background-color: rgba(0,0,0,0.1);
    text-align: center;
}
.voucher-info-redeem .dialog-title{
    text-align: center;
}
.voucher-info-redeem .voucher-logo .voucher-head .v-header-text{
    height: 24px;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
}
.voucher-info-redeem .mobile.voucher-block .plan-info-container {
    display: flex;
    align-items: center;
}
.voucher-info-redeem .plan-icon {
    height: 32px;
    width: 32px;
    left: unset;
    top: unset;
    margin: 18px 14px 0 14px;
    position: relative;
    display: inline-block;
}
.voucher-info-redeem .plan-icon i {
    display: none;
    height: 32px;
    width: 32px;
}
.voucher-info-redeem .plan-icon.pro1 i.pro1,
.voucher-info-redeem .plan-icon.pro2 i.pro2,
.voucher-info-redeem .plan-icon.pro3 i.pro3,
.voucher-info-redeem .plan-icon.pro4 i.pro4,
.voucher-info-redeem .plan-icon.pro101 i.pro101,
.voucher-info-redeem .plan-icon.business i.business,
.voucher-info-redeem .plan-icon.feature i.feature {
    display: inline-block;
}
.voucher-logo .v-separator {
    height: 32px;
    width: 1px;
    opacity: 0.5;
    background-color: #F2F2F2;
    margin-top: 18px;
    display: inline-block;
}
.voucher-logo .plan-info {
    width: 32%;
    width: calc(50% - 31px);
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
	font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    white-space: nowrap;
    box-sizing: border-box;
    margin-top: 18px;
}
.voucher-logo .plan-info span {
	height: 21px;
	font-size: 17px;
	line-height: 21px;
    display: block;
}
.voucher-logo.business-v .plan-info span {
    font-size: 14px;
}
.ru .voucher-logo.business-v .plan-info, .ru .voucher-logo.business-v .plan-info span {
    font-size: 10px;
}
.br .voucher-logo .plan-info,
.fr .voucher-logo .plan-info,
.es .voucher-logo .plan-info {
    font-size: 9px;
}

/*.voucher-info-redeem .delete-img {
    margin-top: 16px;
    margin-right: 16px;
    background-position: 0px -12400px;
    opacity: 0.4;
    cursor: pointer;
}
*/
.voucher-info-redeem .inline-buttons {
    margin-top: 36px;
}
.voucher-info-redeem .inline-buttons .red-button.first {
    background-image: linear-gradient(-180deg, #07BEB1 0%, #00BFA5 100%);
    border: 1px solid #00A58F;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.11), inset 0 2px 1px 0 rgba(255,255,255,0.20);
    border-radius: 4px;
    color: #fff;
}
@media only screen and (max-width: 420px) {
    .voucher-info-redeem .mobile.voucher-block {
        padding: 0 24px;
    }
    .voucher-info-redeem .voucher-logo {
        width: 100%;
    }
}
@media only screen and (max-width: 320px) {
    .br .voucher-logo .plan-info {
        font-size: 8px;
    }
}

/* Mega Input Mobile */
.mobile.mega-input.title-ontop input.strengthChecker {
    width: 100%;
}
.mobile.mega-input.title-ontop.with-icon input.strengthChecker {
    width: calc(100% - 40px);
}
.mobile.mega-input.title-ontop.with-icon .account-pass-lines {
    margin-top: 9px;
}

.button.disabled,
.default-white-button.disabled,
.default-grey-button.disabled,
.default-red-button.disabled,
.default-orange-button.disabled,
.default-green-button.disabled {
    cursor: default;
    opacity: 0.3;
}

.orange-notification .fvnotice {
    background-position: -233px -1666px;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-top: 4px;
}
.orange-notification.body {
    display: table;
    background-color: rgba(191,74,0,0.05);
    box-shadow: 0 0 0 1px rgba(191, 104, 0, 0.2);
    border-radius: 3px;
    padding: 0 16px 0 12px;
    margin-left: 1px;
    margin-top: 20px;
    box-sizing: border-box;
    max-width: calc(100% - 2px);
}
.orange-notification.cell {
    display: table-cell;
    vertical-align: middle;
    color: #FF6F00;
    font-size: 13px;
    line-height: 18px;
}
.argentina-only .orange-notification.cell {
    padding: 6px;
}
.orange-notification.cell.text {
    padding: 5px 0;
}
.orange-notification .fvnotice {
    background-position: -3px -1727px;
}
.membership-info-pad .orange-notification.body {
    margin-top: 130px;
}


/* Common classes, Default components */
.mobile.main-block.grey-bg {
    background-color: #F5F6F7;
}
.mobile .content-cell.top-align {
    vertical-align: top;
}
.mobile.button-block {
    background-color: #fff;
    margin-top: 6px;
    padding: 16px 0;
    position: relative;
    box-shadow: 0 0 0 1px #DADADA;
    transition: background-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
.mobile.button-block:first-child {
    box-shadow: 0 1px 0 0 #DADADA;
    margin-top: 0;
}
.mobile.button-block .label {
    color: #333333;
    font-size: 16px;
    line-height: 24px;
    margin-left: 60px;
    margin-right: 40px;
    margin: 0 40px 0 60px;
    text-align: left;
    position: relative;
}
.mobile.button-block .label.no-icon, .mobile.button-block .label-info.no-icon {
    margin-left: 16px;
    margin-right: 16px;
}
.mobile.button-block .label.small {
    font-size: 14px;
}
.mobile.button-block .label.grey {
    color: #999;
}
.mobile.button-block .label.grey strong {
    display: block;
    font-weight: normal;
    font-family: 'LatoWeb', 'source_sans_proregular', Arial;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    padding: 0 0 4px 0;
}
/* White/grey rows with data */
.mobile.button-block.data-list:first-child {
    margin: 0;
    box-shadow: none;
    background-color: white;
    padding: 10px 0;
}

.mobile.label-info {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    margin: 2px 40px 0 60px;
}
.mobile.button-block .label + .mobile.label-info:not(.small) {
    margin-top: 4px;
}
.mobile.label-info.small {
    font-size: 12px;
    color: rgba(38,47,59,0.6);
    margin: 0px 40px 1px 60px;
}
.mobile.label-info .note {
    font-size: 11px;
    color: #777;
    line-height: 15px;
    margin-top: 4px;
}
.mobile.label-info strong, .mobile.label-info a, .mobile.label-info a:visited, .mobile.label a, .mobile.label a:visited {
    color: #00BFA5;
    font-family: 'LatoWebBold', 'source_sans_probold', Arial;
}
.mobile.label-info a, .mobile.label a {
    text-decoration: underline;
}
.mobile .button-block .fm-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -20px;
}
.mobile.button-block.no-bg .fm-icon {
    top:  8px;
    margin-top: 0;
}
.mobile .button-block .fm-icon.right-arrow {
    left: auto;
    right: 4px;
}
.mobile .button-block.data-list .fm-icon {
    top: 4px;
    margin-top: 0;
}
.mobile .button-block .sprite-fm-mono {
    position: absolute;
    left: 22px;
    width: 20px;
    height: 20px;
    --icon-size: 20px;
    --mask-color: #818993;
}
.mobile.button-block .content {
    position: relative;
}
.mobile.button-number {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #3C434D;
    text-align: center;
    line-height: 20px;
    color: white;
    font-size: 13px;
    position: absolute;
    left: 21px;
    top: 50%;
    margin-top: -10px;
}
.mobile.button-block .full-info {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease-in-out;
    margin: 16px 0 -16px 0;
}
.mobile.button-block.expanded .full-info {
    max-height: unset;
    opacity: 1;
    visibility: visible;
}
.mobile.button-block.no-bg {
    margin-top: -8px;
}
.mobile.button-block.expaned, .mobile.button-block.no-bg {
    background-color: transparent;
    box-shadow: none;
}
.mobile.button-block.expandable .fm-icon.right-arrow {
    transition: transform 200ms ease-in-out;
}
.mobile.button-block.expanded .content .fm-icon.right-arrow {
    transform: rotate(90deg);
}
.mobile.fm-white-button, .mobile.fm-green-button {
    font-size: 16px;
    line-height: 40px;
    color: #333;
    text-align: center;
    height: 40px;
    background-color: white;
    border-radius: 3px;
    text-align: center;
    max-width: 280px;
    margin: 0 auto;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}
.mobile.fm-green-button {
    background: #00BFA5;
    color: white;
}
.mobile.fm-green-button.gradient {
    background: linear-gradient(to bottom, #00b6aa 0%,#009883 100%);
}
.mobile.fm-white-button span, .mobile.fm-green-button span {
    display: block;
    border-radius: 3px;
    height: 100%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.mobile.fm-white-button.disabled, .mobile.fm-green-button.disabled {
    opacity: 0.6;
}
/* end of Default components */

.mobile-transfer-table-wrapper {
    top: 0;
    left: 0;
    position: fixed;
    height: calc(100vh);
    z-index: 101;
}
.mobile-transfer-table {
    width: 100%;
}
.mobile-transfer-table .fm-item-info {
    padding: 11px 0 0 63px;
}
.mobile-transfer-table tr:nth-child(odd) .fm-item {
    background-color: #fff;
}
.mobile-transfer-table .fm-icon.right {
    margin: 8px 16px;
    background-position: -76px -1138px;
    background-image: url(../images/mobile/mobile-sprite.png);
}
.mobile-transfer-table tr.transfer-completed .fm-icon.right {
    background-position: 0 -1708px;
}
.mobile-transfer-table td {
    max-width: calc(100vw);
}
.mobile-transfer-table .fm-item-info {
    text-align: left;
}
.mobile-transfer-scrolling-table.fm-scrolling {
    max-height: calc(100vh);
}

/* simpletip */
.dark-direct-tooltip {
    font-size: 14px;
    line-height: 20px;
    color: white;
    padding: 8px 12px;
    background-color: #333333;
    border-radius: 6px;
    white-space: nowrap;
    position: absolute;
    display: none;
}
.dark-direct-tooltip i {
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin: 0 0 0 -11px;
    --icon-size: 24px;
}
.dark-direct-tooltip.simpletip-tooltip {
    background-color: var(--surface-grey-1-inverted);
    display: block;
    position: absolute;
    z-index: 1200;
    opacity: 0;
    transition: opacity 200ms ease-in-out 1s;
    transition-delay: 0ms;
    white-space: normal;
    --mask-color: var(--stroke-main-inverted);
}
.dark-direct-tooltip i.icon-tooltip-arrow {
    position: absolute;
    bottom: -6px;
    left: calc(50% - 12px);
    width: 24px;
    --icon-size: 24px;
    height: 14px;
}
.dark-direct-tooltip.simpletip-tooltip i {
    --mask-color: var(--surface-grey-1-inverted);
    --icon-size: 24px;
    height: 16px;
    margin: 0;
    overflow: hidden;
}
.rtl .dark-direct-tooltip.simpletip-tooltip {
    direction: rtl;
}
.dark-direct-tooltip.simpletip-tooltip.delay {
    transition-delay: 1ms;
}
.dark-direct-tooltip.simpletip-tooltip.visible {
    opacity: 1;
}
.dark-direct-tooltip.simpletip-tooltip.simpletip-v-b {
    margin-top: 5px;
}
.dark-direct-tooltip.simpletip-tooltip.simpletip-v-b i {
    top: -8px;
    transform: rotate(180deg) !important;
}

.cn .header .fm-header {
    display: block !important;
    width: 100%;
}

.dn .header .fm-header {
    display: block !important;
    width: 100%;
}

.copyrights-page .new-affiliate-label {
    color: #858585;
    float: left;
    font-size: 14px;
    line-height: 25px;
    padding: 20px 18px 4px 0;
    position: relative;
}

.copyrights-page .new-affiliate-star {
    background-image: url(../images/mega/new-affiliate-sprite.png);
    background-position: -1478px -1541px;
    background-repeat: no-repeat;
    height: 15px;
    position: absolute;
    right: 0;
    width: 14px;
}

.copyrights-page .affiliate-select-txt {
    color: #666;
    font-size: 14px;
    line-height: 26px;
    padding-right: 23px;
}

.copyrights-page .affiliate-input-block {
    background-color: white;
    background-image: none;
    background-position: 6px -73px;
    background-repeat: no-repeat;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 0;
    padding: 0 10px 0 10px;
    position: relative;
}
.copyrights-page .affiliate-input-block.select {
    background-image: url(../images/mega/new-affiliate-sprite.png);
    background-position: right -1310px;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    min-height: 30px;
}

.copyrights-page .affiliate-input-block.select select {
    border: 0;
    height: 26px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.copyrights-page .affiliate-input-block textarea,
.copyrights-page .affiliate-input-block input {
    border: 0;
    color: #666;
    font-size: 13px;
    line-height: 22px;
    margin: 0;
    padding: 0;
    resize: none;
    width: 100%;
}

.copyrights-page .active.copyrights-form.step2btn {
    background-image: none;
    margin-top: 24px;
    width: 195px;
}

.copyrights-page .active:not(.backbtn) .register-st2-button-arrow {
    background-color: #f0373b;
}

.copyrights-page .register-st2-button-arrow {
    background-color: rgba(0, 0, 0, 0.05);
    background-image: url(../images/mega/top-login-sprite.png);
    background-position: right -662px;
    background-repeat: no-repeat;
    border-radius: 5px;
    color: white;
    font-size: 14px;
    height: 40px;
    line-height: 38px;
    padding: 0 30px 0 15px;
}

.copyrights-page .reg-st5-complete-button.active.copyrights-form,
.copyrights-page .copyrights-form.backbtn .register-st2-button-arrow {
    background-color: #4c4c4c;
    margin-top: 24px;
}

.copyrights-page .copyrights-form.backbtn .register-st2-button-arrow {
    background-position: -28px -1197px;
    padding: 0 15px 0 30px;
}

.copyrights-page .copyrights-form.backbtn {
    background-image: none;
    float: left;
}

.copyrights-page .copyrights-form.signbtn {
    float: right;
    margin-top: 24px;
}

.copyrights-gray .new-registration-checkbox {
    margin-bottom: 24px;
}
.copyrights-gray .new-registration-checkbox .radio-txt {
    padding: 0;
}
.copyrights-dispute-bottom {
    background-color: unset;
}

/*
 * End Mobile Account file-management
 */

/*
 * Mobile Confirmation dialog checkbox
 */
#mobile-ui-error .checkbox-block {
    bottom: 0;
    position: absolute;
}

/*
 * End Mobile Confirmation checkbox
 */

.mobile.main-block.payment-card-page {
    display: block;
    overflow-y: scroll;
}
.mobile.payment-card-page .card-info.payment-card {
    margin: 34px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mobile.payment-card-page .card-info.payment-card .payment-card-top {
    width: 285.96px;
    height: 134px;
    background-color: #00BFA5;
    background-image: url("../images/mega/Surface-card-green.png");
    background-size: 285px;
}
.mobile.payment-card-page .card-info.payment-card.mc .payment-card-top {
    background-color: #F3A03F;
    background-image: url("../images/mega/Surface-card-orange.png");
    background-size: 285px;
}
.mobile.payment-card-page .card-info.payment-card.visa .payment-card-top {
    background-color: #4BB8F3;
    background-image: url("../images/mega/Surface-card-blue.png");
    background-size: 285px;
}
.mobile.payment-card-page .card-info.payment-card .payment-card-icon {
    --icon-size: 38px;
    margin-top: 14px;
    margin-left: 17px;
}
.mobile.payment-card-page .card-info.payment-card.visa .payment-card-icon i {
    background-image: url("../images/mega/icon-visa.svg");
    background-size: 100%;
    width: 38px;
    height: 38px;
    display: block;
}
.mobile.payment-card-page .card-info.payment-card:not(.mc):not(.visa) .payment-card-icon i {
    background-image: url("../images/mega/icon-payment-outline.svg");
    background-size: 100%;
    width: 38px;
    height: 38px;
    display: block;
}
.mobile.payment-card-page .card-info.payment-card .payment-card-bottom {
    width: 285.96px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #03A892;
    flex-wrap: wrap;
}
.mobile.payment-card-page .card-info.payment-card.mc .payment-card-bottom {
    background-color: #E58D27;
}
.mobile.payment-card-page .card-info.payment-card.visa .payment-card-bottom {
    background-color: #23A1E5;
}
.mobile.payment-card-page .card-info.payment-card .payment-card-nb {
    display: flex;
    margin-top: 14px;
    margin-left: 17px;
}
.mobile.payment-card-page .card-info.payment-card .payment-card-dots {
    margin-right: 12px;
    color: var(--text-color-white-higher);
    font-size: 14px;
}
.mobile.payment-card-page .card-info.payment-card .payment-card-digits {
    font: var(--text-h3);
    color: var(--text-color-white-higher);
    font-family: var(--text-font-family);
    font-weight: bold;
    margin-top: 2px;
}
.mobile.payment-card-page .card-info.payment-card .payment-card-expiry-lbl {
    display: inline-block;
}
.mobile.payment-card-page .card-info.payment-card .payment-card-expiry-val {
    display: inline-block;
}
.mobile.payment-card-page .card-info.payment-card .payment-card-expiry {
    margin-top: 6px;
    margin-left: 17px;
    color: var(--text-color-white-higher);
    font: var(--text-caption);
}
.mobile.payment-card-page .card-info.payment-card .payment-card-edit,
.mobile.payment-card-page .card-info.payment-card .payment-card-delete {
    display: inline-block;
    color: var(--text-color-white-higher);
    margin: 0 17px;
    font: var(--text-caption);
    text-decoration: underline;
    padding: 15px 0;
}

/*
 * Retina Sprite for mobile
 * Please leave it on the bottom to make sure it override on Retina.
 * New style should comes above on this.
 */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .mobile.tablet-img {
        background-image: url(../images/mobile/ipad-big@2x.png);
    }
    .android .mobile.tablet-img {
        background-image: url(../images/mobile/android@2x.png);
    }
    .mobile.logo,
    .mobile.white-mega-logo,
    .mobile.download-speed,
    .mobile.download-percents,
    .mobile.red-button.disabled i,
    .mobile.warning-icon,
    .mobile.fm-icon,
    .mobile.fm-item-link,
    .mobile.signin-input span,
    .mobile.loader,
    .mobile.homepage .feature-icon,
    .mobile.homepage .company-logo,
    .checkboxOn.square i,
    .mobile.fm-dialog-close,
    .mobile.top-menu-popup .top-icon.close,
    .mobile.slideshow-back-arrow,
    .mobile.slideshow-forward-arrow,
    .default-select,
    .ui-selectmenu-button.ui-button,
    .mobile.select-wrapper::after,
    #mobile-ui-contact-card .contact-verification i,
    .mobile.auth-app-select-dialog .cancel-button-icon,
    .mobile.country-input span,
    .mobile.phone-number-input span,
    .mobile.membership-step2 .provider-icon.voucher,
    .mobile.membership-step2 .provider-icon.ecpVI,
    .mobile.membership-step2 .provider-icon.ecpMC,
    .mobile .improved-recovery-steps .nav-back-icon,
    .mobile.default-grey-select,
    .mobile-sprite {
        background-image: url(../images/mobile/mobile-sprite@2x.png) !important;
        background-size: 280px auto;
    }
    .mobile.empty-icon {
        background-image: url("../images/mobile/mobile-sprite@2x.png");
        background-size: 280px auto;
    }
    .mobile.registration-confirm-email .email-icon {
        background-image: url(../images/mega/register-big-sprite@2x.png);
        background-size: 200px auto;
    }
    .mobile .improved-recovery-steps .login-register-input, .mobile .improved-recovery-steps .checkboxOn::after, .mobile .improved-recovery-steps .checkboxOff::after {
        background-image: url(../images/mega/top-login-sprite@2x.png);
        background-size: 48px auto;
    }
    .mobile .improved-recovery-steps .feedback-logo {
        background-image: url(../images/mega/help2/welcome_icons@2x.png);
        background-size: 250px auto;
    }
    .mobile .improved-recovery-steps .list-point b.megasync-logo {
        background-image: url(../images/mega/top-sprite@2x.png);
        background-size: 38px auto;
    }
    .mobile.session-history-page .sh-round-button::before  {
        background-image: url(../images/mobile/mobile-sprite@2x.png);
        background-size: 280px auto;
    }
    .mobile.auth-app-select-dialog .app-link-icon, .mobile.auth-app-select-dialog .app-link-arrow {
        background-image: url(../images/mega/2fa-auth-apps@2x.png);
        background-size: 72px auto;
    }
    .mobile .improved-recovery-steps .recover-image, .mobile .improved-recovery-steps .session-image-block, .mobile .improved-recovery-steps .recover-button.yes::after, .mobile .improved-recovery-steps .recover-button.no::after   {
        background-image: url(../images/mega/recover-account-sprite@2x.png);
        background-size: 344px auto;
    }
    .mobile .bus-reg-icon {
        background-image: url(../images/mobile/mobile-sprite@2x.png);
        background-size: 280px auto;
    }
    .mobile .card-container .dialog-heading-img {
        background-image: url(../images/mobile/mobile-sprite@2x.png);
        background-size: 280px auto;
    }
}
.mobile-scroll-button.scroll-to-top {
    width: 52px;
    height: 52px;
    right: 50px;
    margin: 0;
    position: fixed;
    bottom: 60px;
    z-index: 10;
    border-radius: 100%;
    background-color: #CECECE;
    background-image: url(../images/mega/startpage-sprite.png);
    background-position: -214px -688px;
    cursor: pointer;
    transition: background-color 200ms ease-in-out, opacity 200ms ease-in-out;
    opacity: 0;
}
.start-animation .mobile-scroll-button.scroll-to-top {
    opacity: 1;
}
.mobile-scroll-button.scroll-to-top.up {
    background-position: -214px -601px;
}
.mobile .mobile-scroll-button.scroll-to-top {
    bottom: 30px;
    right: 30px;
}
.mobile-scroll-button.scroll-to-top:hover {
    background-color: #A1A1A1;
}
.last-updated-date {
    margin-bottom: 40px;
}
/*
 * Retina Sprite for mobile Ends
 * Please no more new styling after this.
 */

 /* Download Page */
.mobile.main-block.download > .mobile.content-row.download .content-cell {
    vertical-align: top;
}
.download-page {
    height: calc(100% - 116px);
    margin-top: 66px;
    margin-bottom: 50px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    box-shadow: inset 0 2px 3px 0 rgb(0 0 0 / 0.1);
}
.download-page .content-block {
    flex-direction: column;
    max-width: 420px;
    margin: 0 auto;
    width: 100%;
}
.download-page .previewer-block {
    display: flex;
    align-items: center;
    padding: 16px;
}
.download-page .video-block,
.download-page .image-block,
.download-page .pdf-block,
.download-page .text-block {
    display: none;
}
.download-page.video .video-block {
    display: block;
}
.download-page.image .image-block {
    display: block;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    justify-content: center;
}
.download-page.image .image-block.pdf {
    background-color: #F7F7F7;
}
.download-page.pdf .pdf-block {
    display: block;
}
.download-page.txtfile .text-block {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
    position: relative;
}
.download-page.image .image-block.fullscreen {
    position: fixed;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    padding: 0;
    background-color: black;
}
.download-page .info-block {
    padding: 0 16px 32px;
    text-align: left;
}
.download-page.mobile .viewer-pending {
    position: absolute;
    z-index: 99;
    margin: auto;
    transform: translate(-50%, -50%);
}
.download-page.mobile .browserscreen .viewer-pending > div {
    background-color: #b2b2b3;
}
.download-page .info-block .filename {
    font: var(--text-h3-bold);
    max-width: 338px;
}
.download-page .info-block .file-download-info .filesize{
    padding: 0 16px 0 0;
}
.download-page .info-block .mobile.buttons {
    margin: 0 0 8px;
}
.downloading .mobile.green-button {
    display: none;
}
.mobile .mobile.default-button,
.mobile .mobile.green-button.dl-browser {
    background: #FFFFFF;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.5) 0%, rgba(238,238,238,0.75) 100%);
    border: 1px solid #DFDFDF;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.03);
    border-radius: 4px;
    color: #555;
}
.mobile .mobile.green-button.dl-browser.disabled {
    background: #eee;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.2) 0%, rgba(238,238,238,0.5) 100%);
    border: 1px solid #eee;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.03);
    border-radius: 4px;
    color: #676d7599;
}
.mobile.download-progress .bar.green {
    color: white;
    font-size: 13px;
    display: block;
    height: 44px;
    line-height: 43px;
    background: #07BEB1;
    background-image: linear-gradient(-180deg, #07BEB1 0%, #00BFA5 100%);
    background-color: linear-gradient(-180deg, #07BEB1 0%, #00BFA5 100%);
    border: 1px solid #00A58F;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 0.1), inset 0 2px 1px 0 rgb(255 255 255 / 0.2);
    position: absolute;
    border-radius: 0;
    overflow: hidden;
    box-sizing:border-box;
}
.download-complete .mobile.filesize {
    color: var(--text-color-success);
}
.download-page .viewer-pending span{
    margin-left: 0;
}
.download.error-msg {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.download.icon-error {
    float: left;
    vertical-align: top;
    --icon-size: 64px;
}
.download.error-content {
    margin-top: 24px;
}
.download.error-title {
    font: var(--text-h3-bold);
    margin: 0 0 30px;
    color: var(--surface-grey-1-inverted);
    text-align: center;
    white-space: normal;
}
.download.error-description {
    color: #676D75;
    font: var(--text-body1);
    margin: 15px 0 10px;
    text-align: left;
}
.download.error-list-item {
    font: var(--text-body2);
    color: #676D75;
    padding: 0 0 0 16px;
    position: relative;
    text-align: left;
    margin-bottom: 2px;
    white-space: normal;
}
.download.error-list-item::before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    height: 4px;
    width: 4px;
    background-color: var(--text-color-medium);
    border-radius: 100%;
}
.download .links-block {
    padding: 16px;
    margin: 0 auto;
    width: 80%;
}
.decrypt-page {
    height: calc(100% - 116px);
    margin-top: 66px;
    margin-bottom: 50px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    box-shadow: inset 0 2px 3px 0 rgb(0 0 0 / 0.1);
    text-align: left;
}
.error-page {
    height: calc(100% - 146px);
    margin-top: 66px;
    margin-bottom: 80px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    box-shadow: inset 0 2px 3px 0 rgb(0 0 0 / 0.1);
    text-align: left;
}
.error-page .content-block {
    flex-grow: 1;
    display: flex;
    align-items: center;
}
.decrypt-page .content-block,
.error-page .content-block {
    padding: 16px;
}
.decrypt-page p b,
.error-page p b {
    color: black;
    font-weight: bolder;
}
.decrypt-page .content-block .signin-input.password {
    margin: 0;
}

@media only screen and (orientation: landscape) and (max-width: 321px), only screen and (orientation: portrait) and (max-height: 569px) {

    .download-page,
    .decrypt-page,
    .error-page {
        height: calc(100% - 136px);
        margin-top: 66px;
        margin-bottom: 70px;
    }

    .download-page .previewer-block {
        height: 150px;
    }

    .download-page.image .image-block {
        height: 150px;
    }
}


/* New Mobile Revamp Styles */

.mobile h3 {
    font: var(--mobile-font-heading-h3);
    color: var(--mobile-text-primary);
}

.main-layout {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto auto 1fr;
    align-content: start;
    height: 100%;
    overflow-x: hidden;
}

.main-layout .fmholder,
.main-layout #fmholder {
    background-color: var(--mobile-page-background);
    height: auto;
    grid-row: 4/5;
    display: flex;
    flex-direction: column;
}

.mega-header {
    grid-row: 3/4;
    grid-column: 1/2;
}

.file-manager-block {
    overflow: hidden;
    position: relative;
}

.main-layout.fm-overlay-view .fmholder,
.main-layout.fm-overlay-view #fmholder {
    grid-row: 3/5;
    grid-column: 1/2;
}

.main-layout.fm-overlay-link .fmholder {
    grid-row: 4/5;
}

.main-layout.fm-overlay-link .mega-overlay-view {
    height: 100%;
}

.main-layout.fm-overlay-link .media-viewer-menu .back {
    visibility: hidden;
}

.file-manager-block .fm-row {
    height: 100%;
}

/* Mobile Web Revamp RTL support */
body.rtl .main-layout,
body.rtl .overlay-wrap {
   direction: rtl;
}

.mobile h2 {
    color: var(--mobile-text-primary);
    font: var(--mobile-font-heading-h2);
    margin: 0;
}

.mobile .empty-states .title:has(h2:empty) {
    display: none;
}

/* Public set on mobile */
.mobile #mobile-key-decryption h2 {
    margin-bottom: 1rem;
}

.mobile .fm-list .pcol-cover-container > i {
    margin: 0 auto;
}

.no-tablet-layout #startholder {
    grid-row: -1/-2;
    overflow-y: scroll;
    position: static;
}

body .no-tablet-layout #startholder.page-file-request-upload {
    position: relative;
}

/* General css items */
.free-trial-text-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 8px;
    color: rgba(253, 62, 56, 1);
    border: 1px solid rgba(253, 62, 56, 1);
    border-radius: 3px;
    font-size: 12px;
    line-height: normal;
    width: max-content;
}
.mega-error-box {
    color: var(--text-color-error);
    font: var(--text-body1);
    padding: 2px 16px;
    border-radius: 4px;
    background: var(--banner-background-error);
    border: 1px solid var(--banner-border-error);
    text-align: center;
}

/* Mobile Web Revamp responsive styles */

@media only screen and (min-width: 360px) {
    #fmholder:not(.selection-mode) .fm-block.file-manager-block.fol-commercials,
    #fmholder:not(.selection-mode) .fm-block.file-manager-block.cd-commercials {
        height: calc(100% - 75px);
    }
}

@media only screen and (min-width: 769px) {
    .main-layout:not(.no-tablet-layout) {
        grid-template-columns: 1fr 2fr;
    }

    .main-layout:not(.no-tablet-layout) .psa-holder {
        grid-row: 6/7;
        grid-column: 1/3;
    }

    .main-layout:not(.no-tablet-layout) .mega-top-menu {
        grid-row: 2/6;
        grid-column: 1/2;
    }

    .main-layout:not(.no-tablet-layout) .mega-top-menu.system-wide {
        grid-row: 3/5;
    }

    .main-layout:not(.no-tablet-layout) .mega-header {
        grid-row: 3/4;
        grid-column: 2/3;
    }

    .main-layout:not(.no-tablet-layout).fm-overlay-view .fmholder,
    .main-layout:not(.no-tablet-layout).fm-overlay-view #fmholder {
        grid-column: 2/3;
    }

    .obq-sheet-contents .bullet-points {
        display: block;
        margin: 0;
        margin-bottom: 24px;
    }

    .mobile .commercial-footer-cd {
        width: 67%;
    }
    #fmholder:not(.selection-mode) .fm-block.file-manager-block.fol-commercials {
        height: calc(100% - 125px);
    }
}

@media only screen and (min-width: 1024px) {
    .main-layout:not(.no-tablet-layout) {
        grid-template-columns: 1fr 3fr;
    }

    .fmholder .fm-list.grid-view .mega-node .fm-item-img i {
        --icon-size: 64px;
    }
    .mobile .commercial-footer-cd {
        width: 75%;
    }
    #fmholder:not(.selection-mode) .fm-block.file-manager-block.cd-commercials {
        height: calc(100% - 130px);
    }
}

@media only screen and (max-height: 600px), (max-width: 360px) {
    #fmholder.fmholder .fm-block.file-manager-block.fol-commercials,
    #fmholder.fmholder .fm-block.file-manager-block.cd-commercials {
        height: 100%;
    }
}

.mega-component.banner.payment-banner .title-text {
    font: var(--mobile-font-copy-semibold);
}
.mega-component.banner.payment-banner .message-text,
.mega-component.banner.payment-banner .message-text a {
    font: var(--mobile-font-caption-large-regular);
}
.mega-component.banner.payment-banner .message-text b {
    font: var(--mobile-font-caption-large-bold);
}
